body.woocommerce-shop .banner-container.my-banner, body.post-type-archive-product .banner-container.my-banner, body.tax-product_cat .banner-container.my-banner, body.tax-product_tag .banner-container.my-banner, body.woocommerce-shop #banner-wrapper, body.tax-product_cat #banner-wrapper, body.tax-product_tag #banner-wrapper, body.woocommerce-shop .porto-block[data-id="881"], body.tax-product_cat .porto-block[data-id="881"], body.tax-product_tag .porto-block[data-id="881"] { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.woocommerce-shop .page-top, body.post-type-archive-product .page-top, body.tax-product_cat .page-top, body.tax-product_tag .page-top { display: none !important; } body.woocommerce-shop .page-description, body.post-type-archive-product .page-description, body.tax-product_cat .page-description, body.tax-product_tag .page-description { display: none !important; } body.woocommerce-shop .page-wrapper, body.post-type-archive-product .page-wrapper, body.tax-product_cat .page-wrapper, body.tax-product_tag .page-wrapper { margin-bottom: 0 !important; } body.woocommerce-shop .footer-wrapper.footer-reveal, body.post-type-archive-product .footer-wrapper.footer-reveal, body.tax-product_cat .footer-wrapper.footer-reveal, body.tax-product_tag .footer-wrapper.footer-reveal { position: relative !important; bottom: auto !important; left: auto !important; width: 100% !important; height: auto !important; transform: none !important; pointer-events: auto !important; } body.woocommerce-shop #main, body.post-type-archive-product #main, body.tax-product_cat #main, body.tax-product_tag #main { padding-top: 18px !important; background: #fbfdff !important; } .dtf-shop-pro-hero { margin: 0 0 18px !important; padding: 20px !important; border-radius: 22px !important; border: 1px solid #e5eef8 !important; background: radial-gradient(circle at top right, rgba(0,159,227,.16), transparent 38%), linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important; box-shadow: 0 14px 38px rgba(15,23,42,.065) !important; overflow: hidden !important; } .dtf-shop-pro-hero__top { display: flex !important; justify-content: space-between !important; gap: 18px !important; align-items: flex-start !important; } .dtf-shop-pro-hero__kicker { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 11px !important; margin-bottom: 9px !important; border-radius: 999px !important; background: #eaf7ff !important; color: #0079ad !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } .dtf-shop-pro-hero h1 { margin: 0 0 7px !important; color: #111111 !important; font-size: 25px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.025em !important; } .dtf-shop-pro-hero p { margin: 0 !important; max-width: 760px !important; color: #536172 !important; font-size: 13px !important; line-height: 1.58 !important; } .dtf-shop-pro-hero__actions { display: flex !important; flex-direction: column !important; gap: 9px !important; min-width: 172px !important; } .dtf-shop-pro-btn { min-height: 39px !important; padding: 0 15px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; line-height: 1 !important; font-weight: 800 !important; text-decoration: none !important; white-space: nowrap !important; transition: all .18s ease !important; } .dtf-shop-pro-btn--dark { color: #ffffff !important; background: #111111 !important; box-shadow: 0 10px 22px rgba(17,17,17,.16) !important; } .dtf-shop-pro-btn--dark:hover { color: #ffffff !important; background: #009fe3 !important; } .dtf-shop-pro-btn--wa { color: #128c4a !important; background: #ecfdf3 !important; border: 1px solid #bbf7d0 !important; } .dtf-shop-pro-btn--wa:hover { color: #ffffff !important; background: #16a34a !important; border-color: #16a34a !important; } .dtf-shop-pro-hero__benefits { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 9px !important; margin-top: 17px !important; } .dtf-shop-pro-benefit { padding: 11px 11px !important; border-radius: 15px !important; background: rgba(255,255,255,.88) !important; border: 1px solid #edf2f7 !important; } .dtf-shop-pro-benefit strong { display: block !important; margin-bottom: 3px !important; color: #172033 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 800 !important; } .dtf-shop-pro-benefit span { display: block !important; color: #64748b !important; font-size: 10.8px !important; line-height: 1.35 !important; } .dtf-shop-pro-hero__quick { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin-top: 14px !important; padding-top: 14px !important; border-top: 1px solid #eaf0f7 !important; } .dtf-shop-pro-hero__quick a { display: inline-flex !important; align-items: center !important; min-height: 30px !important; padding: 0 11px !important; border-radius: 999px !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #334155 !important; font-size: 11px !important; font-weight: 700 !important; text-decoration: none !important; } .dtf-shop-pro-hero__quick a:hover { color: #ffffff !important; background: #009fe3 !important; border-color: #009fe3 !important; } .dtf-shop-pro-note { margin-top: 12px !important; padding: 10px 12px !important; border-radius: 14px !important; background: #f8fafc !important; border: 1px dashed #dbeafe !important; color: #64748b !important; font-size: 11.5px !important; line-height: 1.45 !important; } .dtf-shop-pro-note strong { color: #111827 !important; } body.woocommerce-shop .shop-loop-before, body.post-type-archive-product .shop-loop-before, body.tax-product_cat .shop-loop-before, body.tax-product_tag .shop-loop-before { margin: 0 0 16px !important; padding: 11px 12px !important; border-radius: 16px !important; background: #ffffff !important; border: 1px solid #edf2f7 !important; box-shadow: 0 8px 24px rgba(15,23,42,.045) !important; display: flex !important; align-items: center !important; gap: 10px !important; } body.woocommerce-shop .shop-loop-before nav.woocommerce-pagination, body.post-type-archive-product .shop-loop-before nav.woocommerce-pagination, body.tax-product_cat .shop-loop-before nav.woocommerce-pagination, body.tax-product_tag .shop-loop-before nav.woocommerce-pagination, body.woocommerce-shop .shop-loop-before .gridlist-toggle, body.post-type-archive-product .shop-loop-before .gridlist-toggle, body.tax-product_cat .shop-loop-before .gridlist-toggle, body.tax-product_tag .shop-loop-before .gridlist-toggle { display: none !important; } body.woocommerce-shop .woocommerce-ordering, body.post-type-archive-product .woocommerce-ordering, body.tax-product_cat .woocommerce-ordering, body.tax-product_tag .woocommerce-ordering { margin: 0 !important; } body.woocommerce-shop .woocommerce-ordering label, body.post-type-archive-product .woocommerce-ordering label, body.tax-product_cat .woocommerce-ordering label, body.tax-product_tag .woocommerce-ordering label { color: #64748b !important; font-size: 12px !important; font-weight: 700 !important; } body.woocommerce-shop .woocommerce-ordering select, body.post-type-archive-product .woocommerce-ordering select, body.tax-product_cat .woocommerce-ordering select, body.tax-product_tag .woocommerce-ordering select, body.woocommerce-shop select.count, body.post-type-archive-product select.count, body.tax-product_cat select.count, body.tax-product_tag select.count { height: 36px !important; border-radius: 999px !important; border: 1px solid #e5e7eb !important; background-color: #ffffff !important; color: #111827 !important; font-size: 12px !important; font-weight: 700 !important; padding-left: 12px !important; padding-right: 28px !important; } body.woocommerce-shop .porto-product-filters-toggle, body.post-type-archive-product .porto-product-filters-toggle, body.tax-product_cat .porto-product-filters-toggle, body.tax-product_tag .porto-product-filters-toggle { min-height: 36px !important; padding: 0 13px !important; border-radius: 999px !important; background: #111111 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; text-decoration: none !important; } body.woocommerce-shop ul.products li.product, body.post-type-archive-product ul.products li.product, body.tax-product_cat ul.products li.product, body.tax-product_tag ul.products li.product { display: flex !important; } body.woocommerce-shop ul.products li.product .product-inner, body.post-type-archive-product ul.products li.product .product-inner, body.tax-product_cat ul.products li.product .product-inner, body.tax-product_tag ul.products li.product .product-inner { width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; border: 1px solid #edf2f7 !important; border-radius: 18px !important; background: #ffffff !important; padding: 10px !important; box-shadow: 0 9px 24px rgba(15,23,42,.045) !important; overflow: hidden !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } body.woocommerce-shop ul.products li.product .product-inner:hover, body.post-type-archive-product ul.products li.product .product-inner:hover, body.tax-product_cat ul.products li.product .product-inner:hover, body.tax-product_tag ul.products li.product .product-inner:hover { transform: translateY(-2px) !important; border-color: #bfdbfe !important; box-shadow: 0 16px 34px rgba(15,23,42,.085) !important; } body.woocommerce-shop ul.products li.product .product-image, body.post-type-archive-product ul.products li.product .product-image, body.tax-product_cat ul.products li.product .product-image, body.tax-product_tag ul.products li.product .product-image { border-radius: 14px !important; background: #f8fafc !important; overflow: hidden !important; } body.woocommerce-shop ul.products li.product .product-image .inner, body.post-type-archive-product ul.products li.product .product-image .inner, body.tax-product_cat ul.products li.product .product-image .inner, body.tax-product_tag ul.products li.product .product-image .inner { aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f8fafc !important; } body.woocommerce-shop ul.products li.product .product-image img, body.post-type-archive-product ul.products li.product .product-image img, body.tax-product_cat ul.products li.product .product-image img, body.tax-product_tag ul.products li.product .product-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 6px !important; } body.woocommerce-shop ul.products li.product .product-content, body.post-type-archive-product ul.products li.product .product-content, body.tax-product_cat ul.products li.product .product-content, body.tax-product_tag ul.products li.product .product-content { padding: 10px 2px 2px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; } body.woocommerce-shop ul.products li.product .category-list, body.post-type-archive-product ul.products li.product .category-list, body.tax-product_cat ul.products li.product .category-list, body.tax-product_tag ul.products li.product .category-list { display: block !important; min-height: 14px !important; margin-bottom: 4px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #009fe3 !important; font-size: 9.5px !important; line-height: 1.2 !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .035em !important; } body.woocommerce-shop ul.products li.product .category-list a, body.post-type-archive-product ul.products li.product .category-list a, body.tax-product_cat ul.products li.product .category-list a, body.tax-product_tag ul.products li.product .category-list a { color: #009fe3 !important; text-decoration: none !important; } body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title, body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title, body.tax-product_cat ul.products li.product .woocommerce-loop-product__title, body.tax-product_tag ul.products li.product .woocommerce-loop-product__title { min-height: 34px !important; margin: 0 0 6px !important; color: #111827 !important; font-size: 12px !important; line-height: 1.38 !important; font-weight: 700 !important; letter-spacing: -.01em !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.woocommerce-shop ul.products li.product .rating-wrap.dtf-empty-rating, body.post-type-archive-product ul.products li.product .rating-wrap.dtf-empty-rating, body.tax-product_cat ul.products li.product .rating-wrap.dtf-empty-rating, body.tax-product_tag ul.products li.product .rating-wrap.dtf-empty-rating { display: none !important; } body.woocommerce-shop ul.products li.product .price, body.post-type-archive-product ul.products li.product .price, body.tax-product_cat ul.products li.product .price, body.tax-product_tag ul.products li.product .price { margin-top: auto !important; color: #111111 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 800 !important; } body.woocommerce-shop ul.products li.product .price del, body.post-type-archive-product ul.products li.product .price del, body.tax-product_cat ul.products li.product .price del, body.tax-product_tag ul.products li.product .price del { color: #94a3b8 !important; font-size: 11px !important; font-weight: 600 !important; } body.woocommerce-shop ul.products li.product .price ins, body.post-type-archive-product ul.products li.product .price ins, body.tax-product_cat ul.products li.product .price ins, body.tax-product_tag ul.products li.product .price ins { color: #111111 !important; font-weight: 900 !important; text-decoration: none !important; } body.woocommerce-shop ul.products li.product .labels .onsale, body.post-type-archive-product ul.products li.product .labels .onsale, body.tax-product_cat ul.products li.product .labels .onsale, body.tax-product_tag ul.products li.product .labels .onsale { border-radius: 999px !important; background: #ef4444 !important; color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; min-width: 38px !important; height: 22px !important; line-height: 22px !important; } body.woocommerce-shop ul.products li.product .labels .onhot, body.post-type-archive-product ul.products li.product .labels .onhot, body.tax-product_cat ul.products li.product .labels .onhot, body.tax-product_tag ul.products li.product .labels .onhot { border-radius: 999px !important; background: #22c55e !important; color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; min-width: 38px !important; height: 22px !important; line-height: 22px !important; } body.woocommerce-shop .sidebar .widget, body.post-type-archive-product .sidebar .widget, body.tax-product_cat .sidebar .widget, body.tax-product_tag .sidebar .widget { margin-bottom: 16px !important; padding: 15px !important; border-radius: 18px !important; background: #ffffff !important; border: 1px solid #edf2f7 !important; box-shadow: 0 8px 24px rgba(15,23,42,.045) !important; } body.woocommerce-shop .sidebar .widget-title, body.post-type-archive-product .sidebar .widget-title, body.tax-product_cat .sidebar .widget-title, body.tax-product_tag .sidebar .widget-title { margin-bottom: 11px !important; padding-bottom: 9px !important; border-bottom: 1px solid #eef2f7 !important; color: #111827 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .035em !important; } body.woocommerce-shop .sidebar .product-categories a, body.post-type-archive-product .sidebar .product-categories a, body.tax-product_cat .sidebar .product-categories a, body.tax-product_tag .sidebar .product-categories a { color: #334155 !important; font-size: 12px !important; font-weight: 650 !important; text-decoration: none !important; } body.woocommerce-shop .sidebar .product-categories a:hover, body.post-type-archive-product .sidebar .product-categories a:hover, body.tax-product_cat .sidebar .product-categories a:hover, body.tax-product_tag .sidebar .product-categories a:hover { color: #009fe3 !important; } body.woocommerce-shop .sidebar .count, body.post-type-archive-product .sidebar .count, body.tax-product_cat .sidebar .count, body.tax-product_tag .sidebar .count { color: #94a3b8 !important; font-size: 11px !important; } body.woocommerce-shop .shop-loop-after, body.post-type-archive-product .shop-loop-after, body.tax-product_cat .shop-loop-after, body.tax-product_tag .shop-loop-after { margin-top: 18px !important; padding: 12px !important; border-radius: 16px !important; background: #ffffff !important; border: 1px solid #edf2f7 !important; } body.woocommerce-shop .page-numbers .page-numbers, body.post-type-archive-product .page-numbers .page-numbers, body.tax-product_cat .page-numbers .page-numbers, body.tax-product_tag .page-numbers .page-numbers { border-radius: 10px !important; } .dtf-shop-popup { position: fixed !important; inset: 0 !important; z-index: 999999999 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 18px !important; background: rgba(15,23,42,.58) !important; backdrop-filter: blur(7px) !important; } .dtf-shop-popup.is-visible { display: flex !important; } .dtf-shop-popup__box { width: min(590px, 100%) !important; position: relative !important; border-radius: 26px !important; background: #ffffff !important; overflow: hidden !important; box-shadow: 0 32px 90px rgba(0,0,0,.28) !important; animation: dtfShopPopupIn .24s ease both !important; } @keyframes dtfShopPopupIn { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } } .dtf-shop-popup__head { padding: 23px 24px 18px !important; color: #ffffff !important; background: radial-gradient(circle at top right, rgba(0,159,227,.26), transparent 36%), linear-gradient(135deg, #111111 0%, #202938 100%) !important; } .dtf-shop-popup__tag { display: inline-flex !important; margin-bottom: 10px !important; padding: 6px 11px !important; border-radius: 999px !important; background: rgba(255,255,255,.13) !important; color: #dff7ff !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .04em !important; } .dtf-shop-popup__head h3 { margin: 0 0 7px !important; color: #ffffff !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: -.025em !important; } .dtf-shop-popup__head p { margin: 0 !important; color: #dbeafe !important; font-size: 13px !important; line-height: 1.55 !important; } .dtf-shop-popup__body { padding: 20px 24px 22px !important; } .dtf-shop-popup__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin-bottom: 15px !important; } .dtf-shop-popup__item { padding: 12px !important; border-radius: 15px !important; background: #f8fafc !important; border: 1px solid #eef2f7 !important; } .dtf-shop-popup__item strong { display: block !important; margin-bottom: 3px !important; color: #111827 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 900 !important; } .dtf-shop-popup__item span { display: block !important; color: #64748b !important; font-size: 11px !important; line-height: 1.4 !important; } .dtf-shop-popup__note { margin: 0 0 15px !important; padding: 11px 12px !important; border-radius: 14px !important; background: #fff7ed !important; color: #9a3412 !important; font-size: 11.5px !important; line-height: 1.45 !important; font-weight: 700 !important; } .dtf-shop-popup__actions { display: flex !important; gap: 9px !important; flex-wrap: wrap !important; } .dtf-shop-popup__actions a, .dtf-shop-popup__actions button { flex: 1 1 auto !important; min-height: 42px !important; padding: 0 14px !important; border-radius: 999px !important; border: 0 !important; cursor: pointer !important; font-size: 12px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .dtf-shop-popup__login { background: #111111 !important; color: #ffffff !important; } .dtf-shop-popup__wa { background: #16a34a !important; color: #ffffff !important; } .dtf-shop-popup__later { background: #f1f5f9 !important; color: #334155 !important; } .dtf-shop-popup__close { position: absolute !important; top: 12px !important; right: 12px !important; width: 34px !important; height: 34px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.15) !important; color: #ffffff !important; font-size: 21px !important; line-height: 1 !important; cursor: pointer !important; } html.dtf-shop-popup-open, html.dtf-shop-popup-open body { overflow: hidden !important; } @media (max-width: 767px) { body.woocommerce-shop #main, body.post-type-archive-product #main, body.tax-product_cat #main, body.tax-product_tag #main { padding-top: 12px !important; } .dtf-shop-pro-hero { margin: 0 0 14px !important; padding: 15px !important; border-radius: 18px !important; } .dtf-shop-pro-hero__top { display: block !important; } .dtf-shop-pro-hero h1 { font-size: 20px !important; line-height: 1.25 !important; } .dtf-shop-pro-hero p { font-size: 12px !important; } .dtf-shop-pro-hero__actions { margin-top: 13px !important; min-width: 0 !important; width: 100% !important; flex-direction: row !important; } .dtf-shop-pro-btn { flex: 1 !important; min-height: 38px !important; padding: 0 10px !important; font-size: 11px !important; } .dtf-shop-pro-hero__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: 13px !important; } .dtf-shop-pro-benefit { padding: 10px !important; border-radius: 14px !important; } .dtf-shop-pro-benefit strong { font-size: 11px !important; } .dtf-shop-pro-benefit span { font-size: 10.3px !important; } .dtf-shop-pro-hero__quick { overflow-x: auto !important; flex-wrap: nowrap !important; padding-bottom: 2px !important; -webkit-overflow-scrolling: touch !important; } .dtf-shop-pro-hero__quick a { flex: 0 0 auto !important; } body.woocommerce-shop .shop-loop-before, body.post-type-archive-product .shop-loop-before, body.tax-product_cat .shop-loop-before, body.tax-product_tag .shop-loop-before { padding: 9px !important; border-radius: 15px !important; gap: 8px !important; justify-content: space-between !important; flex-wrap: nowrap !important; position: sticky !important; top: 0 !important; z-index: 12 !important; } body.woocommerce-shop .woocommerce-ordering, body.post-type-archive-product .woocommerce-ordering, body.tax-product_cat .woocommerce-ordering, body.tax-product_tag .woocommerce-ordering { flex: 1 !important; } body.woocommerce-shop .woocommerce-ordering label, body.post-type-archive-product .woocommerce-ordering label, body.tax-product_cat .woocommerce-ordering label, body.tax-product_tag .woocommerce-ordering label { display: none !important; } body.woocommerce-shop .woocommerce-ordering select, body.post-type-archive-product .woocommerce-ordering select, body.tax-product_cat .woocommerce-ordering select, body.tax-product_tag .woocommerce-ordering select { width: 100% !important; height: 36px !important; font-size: 11px !important; } body.woocommerce-shop .porto-product-filters-toggle, body.post-type-archive-product .porto-product-filters-toggle, body.tax-product_cat .porto-product-filters-toggle, body.tax-product_tag .porto-product-filters-toggle { flex: 0 0 auto !important; min-height: 36px !important; padding: 0 12px !important; font-size: 11px !important; } body.woocommerce-shop ul.products li.product .product-inner, body.post-type-archive-product ul.products li.product .product-inner, body.tax-product_cat ul.products li.product .product-inner, body.tax-product_tag ul.products li.product .product-inner { padding: 8px !important; border-radius: 15px !important; } body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title, body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title, body.tax-product_cat ul.products li.product .woocommerce-loop-product__title, body.tax-product_tag ul.products li.product .woocommerce-loop-product__title { min-height: 32px !important; font-size: 11px !important; line-height: 1.42 !important; } body.woocommerce-shop ul.products li.product .price, body.post-type-archive-product ul.products li.product .price, body.tax-product_cat ul.products li.product .price, body.tax-product_tag ul.products li.product .price { font-size: 12px !important; } .dtf-shop-popup { align-items: flex-end !important; padding: 10px !important; } .dtf-shop-popup__box { border-radius: 22px 22px 16px 16px !important; } .dtf-shop-popup__head { padding: 19px 18px 15px !important; } .dtf-shop-popup__head h3 { font-size: 20px !important; } .dtf-shop-popup__body { padding: 16px 18px 18px !important; } .dtf-shop-popup__grid { grid-template-columns: 1fr !important; gap: 8px !important; } .dtf-shop-popup__actions { display: grid !important; grid-template-columns: 1fr !important; } }