tlat | design

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

תגובה אחת

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

/* STREAMING_CHUNK:Importing fonts and defining variables... */ @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&family=Assistant:wght@300;400;500;600;700;800&display=swap'); :root { --td-bg: #ffffff; --td-bg-soft: #fafaf7; --td-bg-muted: #f3f2ed; --td-text: #0e0e0e; --td-text-muted: #555555; --td-text-light: #888888; --td-border: #e8e6e0; --td-primary: #ff6a00; --td-primary-dark: #e85d00; --td-primary-light: #ff8a33; --td-accent: #1a1a1a; --td-success: #16a34a; --td-warning: #f59e0b; --td-shadow-sm: 0 1px 2px rgba(0,0,0,.04); --td-shadow: 0 4px 14px rgba(0,0,0,.06); --td-shadow-lg: 0 12px 32px rgba(0,0,0,.10); --td-shadow-xl: 0 24px 48px rgba(0,0,0,.14); --td-radius: 14px; --td-radius-lg: 20px; --td-radius-sm: 8px; --td-trans: cubic-bezier(.4,0,.2,1); } /* STREAMING_CHUNK:Setting global typography and resets... */ html, body { font-family: 'Heebo', 'Assistant', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; font-weight: 400; color: var(--td-text); background: var(--td-bg); direction: rtl; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -0.01em; } body, p, a, span, div, li, td, th, input, textarea, select, button { font-family: 'Heebo', 'Assistant', sans-serif !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Heebo', 'Assistant', sans-serif !important; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: var(--td-text); } h1 { font-weight: 800; } h2 { font-weight: 700; } a { color: var(--td-text); text-decoration: none; transition: color .25s var(--td-trans); } a:hover { color: var(--td-primary); } /* ============ Hide default theme header/footer ============ */ .site-header, header.site-header, .elementor-location-header { display: none !important; } .site-footer, footer.site-footer, .elementor-location-footer { display: none !important; } /* STREAMING_CHUNK:Styling buttons and interactive elements... / / ============ Buttons - Modern with rich hover ============ */ .td-btn, .td-btn-primary, .td-btn-secondary, .td-btn-ghost, button.td-btn, a.td-btn, .button, .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce .button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .single_add_to_cart_button { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; padding: 14px 32px !important; font-size: 16px !important; font-weight: 600 !important; font-family: 'Heebo', sans-serif !important; letter-spacing: -0.01em; border: none !important; border-radius: 999px !important; cursor: pointer; text-decoration: none !important; position: relative; overflow: hidden; transition: all .35s var(--td-trans) !important; background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-primary-dark) 100%) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(255, 106, 0, .28), inset 0 1px 0 rgba(255,255,255,.2); z-index: 1; } .td-btn::before, .td-btn-primary::before, .button::before, .wp-block-button__link::before, .woocommerce a.button::before, .woocommerce button.button::before, .single_add_to_cart_button::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, var(--td-primary-dark) 0%, #c44d00 100%); opacity: 0; transition: opacity .35s var(--td-trans); z-index: -1; } .td-btn:hover, .td-btn-primary:hover, .button:hover, .wp-block-button__link:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .single_add_to_cart_button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 28px rgba(255, 106, 0, .42), inset 0 1px 0 rgba(255,255,255,.25) !important; color: #fff !important; } .td-btn:hover::before, .td-btn-primary:hover::before, .button:hover::before, .wp-block-button__link:hover::before, .woocommerce a.button:hover::before, .woocommerce button.button:hover::before, .single_add_to_cart_button:hover::before { opacity: 1; } .td-btn:active, .button:active, .single_add_to_cart_button:active { transform: translateY(0) scale(0.98); } /* Secondary button */ .td-btn-secondary { background: var(--td-text) !important; box-shadow: 0 6px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important; } .td-btn-secondary::before { background: linear-gradient(135deg, #2a2a2a 0%, #000 100%) !important; } .td-btn-secondary:hover { box-shadow: 0 12px 28px rgba(0,0,0,.28) !important; } /* Ghost button */ .td-btn-ghost { background: transparent !important; color: var(--td-text) !important; border: 2px solid var(--td-text) !important; box-shadow: none !important; padding: 12px 30px !important; } .td-btn-ghost::before { background: var(--td-text); } .td-btn-ghost:hover { color: #fff !important; border-color: var(--td-text) !important; box-shadow: 0 8px 22px rgba(0,0,0,.18) !important; } /* Small button */ .td-btn-sm { padding: 9px 20px !important; font-size: 14px !important; } /* STREAMING_CHUNK:Configuring layout containers and hero section... / / ============ Layout helpers ============ */ .td-container { max-width: 1240px; margin: 0 auto; padding: 0 24px; } .td-section { padding: 80px 0; } .td-section-sm { padding: 56px 0; } @media (max-width: 768px) { .td-section { padding: 56px 0; } .td-container { padding: 0 18px; } } /* ============ Hero ============ */ .td-hero { background: linear-gradient(135deg, #fafaf7 0%, #fff 50%, #fff5ee 100%); padding: 110px 0 90px; position: relative; overflow: hidden; } .td-hero::before { content: ''; position: absolute; top: -200px; left: -200px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(255,106,0,.12), transparent 70%); border-radius: 50%; pointer-events: none; } .td-hero::after { content: ''; position: absolute; bottom: -150px; right: -150px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,106,0,.08), transparent 70%); border-radius: 50%; pointer-events: none; } .td-hero-inner { max-width: 880px; margin: 0 auto; text-align: center; position: relative; z-index: 2; } .td-hero h1 { font-size: clamp(34px, 5.5vw, 64px); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; margin: 0 0 20px; background: linear-gradient(135deg, #0e0e0e 0%, #2a2a2a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .td-hero-subtitle { font-size: clamp(15px, 2vw, 19px); color: var(--td-text-muted); margin: 0 0 36px; font-weight: 400; line-height: 1.6; } .td-hero-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; } /* ============ Section titles ============ */ .td-section-title { text-align: center; margin: 0 0 14px; font-size: clamp(26px, 3.5vw, 40px); font-weight: 800; letter-spacing: -0.02em; } .td-section-subtitle { text-align: center; color: var(--td-text-muted); margin: 0 auto 50px; max-width: 620px; font-size: 16px; line-height: 1.6; } /* STREAMING_CHUNK:Styling categories grid and trust strip... / / ============ Categories grid ============ */ .td-cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; } .td-cat { background: var(--td-bg-soft); border: 1px solid var(--td-border); border-radius: var(--td-radius-lg); padding: 36px 22px; text-align: center; transition: all .4s var(--td-trans); position: relative; overflow: hidden; cursor: pointer; } .td-cat::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,106,0,.05), rgba(255,106,0,0)); opacity: 0; transition: opacity .4s var(--td-trans); } .td-cat:hover { transform: translateY(-6px); border-color: var(--td-primary); box-shadow: var(--td-shadow-lg); } .td-cat:hover::before { opacity: 1; } .td-cat-icon { width: 64px; height: 64px; margin: 0 auto 16px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: var(--td-shadow); transition: transform .4s var(--td-trans); } .td-cat:hover .td-cat-icon { transform: scale(1.1) rotate(-5deg); } .td-cat h3 { font-size: 18px; font-weight: 700; margin: 0 0 8px; } .td-cat p { font-size: 13px; color: var(--td-text-muted); margin: 0 0 18px; } .td-cat-link { font-weight: 600; font-size: 14px; color: var(--td-primary); display: inline-flex; align-items: center; gap: 6px; transition: gap .25s var(--td-trans); } .td-cat:hover .td-cat-link { gap: 12px; } @media (max-width: 900px) { .td-cats { grid-template-columns: repeat(2, 1fr); gap: 14px; } } /* ============ Trust strip ============ */ .td-trust { background: var(--td-bg-soft); padding: 48px 0; border-top: 1px solid var(--td-border); border-bottom: 1px solid var(--td-border); } .td-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; text-align: center; } .td-trust-item .ic { font-size: 30px; margin-bottom: 8px; display: inline-block; transition: transform .4s var(--td-trans); } .td-trust-item:hover .ic { transform: scale(1.15) rotate(-8deg); } .td-trust-item h4 { font-size: 15px; font-weight: 700; margin: 0 0 4px; } .td-trust-item p { font-size: 13px; color: var(--td-text-muted); margin: 0; } @media (max-width: 768px) { .td-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; } } /* STREAMING_CHUNK:Designing product grids and cards... / / ============ Products grid ============ */ .td-products, ul.products, .woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .td-product, ul.products li.product, .woocommerce ul.products li.product { background: #fff; border: 1px solid var(--td-border); border-radius: var(--td-radius); overflow: hidden; transition: all .4s var(--td-trans); position: relative; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; text-align: right !important; } .td-product:hover, ul.products li.product:hover { transform: translateY(-6px); box-shadow: var(--td-shadow-lg); border-color: #d8d4cc; } .td-product-img, ul.products li.product a img, .woocommerce ul.products li.product img { width: 100% !important; aspect-ratio: 1/1; object-fit: cover; background: var(--td-bg-soft); display: block !important; margin: 0 !important; transition: transform .6s var(--td-trans); } .td-product:hover .td-product-img, ul.products li.product:hover img { transform: scale(1.05); } .td-product-body { padding: 18px 18px 20px; } ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, .td-product h3 { font-size: 16px !important; font-weight: 600 !important; margin: 14px 18px 6px !important; padding: 0 !important; color: var(--td-text) !important; letter-spacing: -0.01em; line-height: 1.4; } ul.products li.product .price, .td-product .price { display: block; font-size: 17px !important; font-weight: 700 !important; color: var(--td-primary) !important; margin: 0 18px 16px !important; } ul.products li.product .button, .woocommerce ul.products li.product a.button { display: block !important; margin: 0 18px 18px !important; padding: 11px 20px !important; font-size: 14px !important; text-align: center; } @media (max-width: 1024px) { .td-products, ul.products, .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 720px) { .td-products, ul.products, .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; } ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; margin: 12px 12px 4px !important; } ul.products li.product .price { font-size: 15px !important; margin: 0 12px 12px !important; } ul.products li.product .button { margin: 0 12px 12px !important; } } /* Sale/new badges */ .td-badge, ul.products li.product .onsale, .woocommerce span.onsale { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; background: var(--td-primary) !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; padding: 5px 10px !important; border-radius: 999px !important; margin: 0 !important; min-height: auto !important; min-width: auto !important; line-height: 1.2 !important; border: none !important; box-shadow: 0 4px 10px rgba(255,106,0,.3) !important; z-index: 2; } /* STREAMING_CHUNK:Adding USP section and steps... / / ============ USP / How it works ============ */ .td-usp { background: linear-gradient(135deg, #0e0e0e 0%, #1c1c1c 100%); color: #fff; border-radius: var(--td-radius-lg); padding: 56px 40px; text-align: center; position: relative; overflow: hidden; } .td-usp::before { content: ''; position: absolute; top: -50%; right: -20%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(255,106,0,.18), transparent 60%); border-radius: 50%; pointer-events: none; } .td-usp h2 { color: #fff; font-size: clamp(24px, 3vw, 34px); margin: 0 0 12px; position: relative; } .td-usp p { color: rgba(255,255,255,.7); margin: 0 0 28px; font-size: 16px; position: relative; } .td-usp .td-btn { position: relative; } .td-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .td-step { text-align: center; padding: 32px 22px; background: var(--td-bg-soft); border-radius: var(--td-radius); border: 1px solid var(--td-border); transition: all .4s var(--td-trans); position: relative; } .td-step:hover { transform: translateY(-4px); box-shadow: var(--td-shadow); border-color: var(--td-primary); } .td-step-num { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: linear-gradient(135deg, var(--td-primary), var(--td-primary-dark)); color: #fff; border-radius: 50%; font-weight: 800; font-size: 18px; margin: 0 auto 18px; box-shadow: 0 8px 18px rgba(255,106,0,.3); } .td-step h3 { font-size: 17px; margin: 0 0 8px; font-weight: 700; } .td-step p { color: var(--td-text-muted); font-size: 14px; margin: 0; line-height: 1.6; } @media (max-width: 768px) { .td-steps { grid-template-columns: 1fr; } } /* STREAMING_CHUNK:Styling reviews and CTA sections... / / ============ Reviews ============ */ .td-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .td-review { background: #fff; border: 1px solid var(--td-border); border-radius: var(--td-radius); padding: 28px 24px; transition: all .35s var(--td-trans); } .td-review:hover { transform: translateY(-3px); box-shadow: var(--td-shadow); border-color: #d8d4cc; } .td-review-stars { color: #f5b40a; font-size: 16px; letter-spacing: 2px; margin-bottom: 10px; } .td-review p { font-size: 14px; line-height: 1.7; color: var(--td-text); margin: 0 0 16px; } .td-review-author { font-size: 13px; font-weight: 700; color: var(--td-text-muted); } @media (max-width: 768px) { .td-reviews { grid-template-columns: 1fr; } } /* ============ CTA strip ============ */ .td-cta { text-align: center; padding: 80px 24px; background: linear-gradient(135deg, #fff5ee 0%, #ffe8d4 100%); border-radius: var(--td-radius-lg); } .td-cta h2 { font-size: clamp(26px, 3.5vw, 38px); margin: 0 0 14px; } .td-cta p { color: var(--td-text-muted); font-size: 16px; margin: 0 0 28px; } /* STREAMING_CHUNK:Building top navigation bar... / / ============ Top navigation (injected) ============ */ .td-nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.92); backdrop-filter: saturate(180%) blur(14px); -webkit-backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid var(--td-border); transition: box-shadow .3s var(--td-trans); } .td-nav.scrolled { box-shadow: var(--td-shadow); } .td-nav-inner { max-width: 1240px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; gap: 28px; } .td-logo { font-weight: 800; font-size: 20px; letter-spacing: -0.02em; color: var(--td-text); text-decoration: none; display: flex; align-items: center; gap: 8px; } .td-logo:hover { color: var(--td-primary); } .td-logo .dot { width: 8px; height: 8px; background: var(--td-primary); border-radius: 50%; display: inline-block; } .td-nav-links { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; flex: 1; } .td-nav-links a { font-size: 15px; font-weight: 500; color: var(--td-text); padding: 8px 14px; border-radius: 999px; transition: all .25s var(--td-trans); position: relative; } .td-nav-links a:hover { background: var(--td-bg-muted); color: var(--td-text); } .td-nav-actions { display: flex; align-items: center; gap: 10px; } .td-nav-icon { width: 42px; height: 42px; border-radius: 50%; background: var(--td-bg-soft); border: 1px solid var(--td-border); display: inline-flex; align-items: center; justify-content: center; color: var(--td-text); position: relative; transition: all .25s var(--td-trans); cursor: pointer; } .td-nav-icon:hover { background: var(--td-text); color: #fff; border-color: var(--td-text); transform: translateY(-2px); } .td-nav-icon svg { width: 20px; height: 20px; } .td-cart-count { position: absolute; top: -4px; left: -4px; background: var(--td-primary); color: #fff; font-size: 11px; font-weight: 700; min-width: 20px; height: 20px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding: 0 5px; border: 2px solid #fff; } .td-burger { display: none; } @media (max-width: 900px) { .td-nav-links { position: fixed; top: 70px; right: 0; left: 0; background: #fff; flex-direction: column; padding: 16px; gap: 4px; border-bottom: 1px solid var(--td-border); transform: translateY(-120%); transition: transform .3s var(--td-trans); box-shadow: var(--td-shadow); } .td-nav-links.open { transform: translateY(0); } .td-nav-links a { display: block; padding: 12px 14px; } .td-burger { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; background: var(--td-bg-soft); border: 1px solid var(--td-border); border-radius: 50%; cursor: pointer; } } /* STREAMING_CHUNK:Implementing side cart drawer... / / ============ Side Cart Drawer ============ */ .td-cart-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: opacity .3s var(--td-trans), visibility .3s; z-index: 9998; backdrop-filter: blur(3px); } .td-cart-overlay.open { opacity: 1; visibility: visible; } .td-cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 420px; max-width: 92vw; background: #fff; z-index: 9999; transform: translateX(100%); transition: transform .4s var(--td-trans); display: flex; flex-direction: column; box-shadow: -10px 0 40px rgba(0,0,0,.15); } .td-cart-drawer.open { transform: translateX(0); } .td-cart-header { padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--td-border); } .td-cart-header h3 { margin: 0; font-size: 19px; font-weight: 700; } .td-cart-close { width: 36px; height: 36px; border-radius: 50%; border: none; background: var(--td-bg-soft); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .25s var(--td-trans); font-size: 22px; line-height: 1; } .td-cart-close:hover { background: var(--td-text); color: #fff; } .td-cart-body { flex: 1; overflow-y: auto; padding: 18px 24px; } .td-cart-empty { text-align: center; padding: 60px 20px; } .td-cart-empty-ic { font-size: 64px; display: block; margin-bottom: 16px; opacity: .4; } .td-cart-empty h4 { font-size: 18px; font-weight: 700; margin: 0 0 8px; } .td-cart-empty p { color: var(--td-text-muted); font-size: 14px; margin: 0 0 24px; } .td-cart-item { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--td-border); } .td-cart-item:last-child { border-bottom: none; } .td-cart-item-img { width: 76px; height: 76px; border-radius: var(--td-radius-sm); object-fit: cover; background: var(--td-bg-soft); flex-shrink: 0; } .td-cart-item-info { flex: 1; min-width: 0; } .td-cart-item-name { font-weight: 600; font-size: 14px; margin: 0 0 4px; line-height: 1.4; display: block; color: var(--td-text); } .td-cart-item-price { font-size: 14px; font-weight: 700; color: var(--td-primary); } .td-cart-item-qty { display: inline-flex; align-items: center; border: 1px solid var(--td-border); border-radius: 999px; margin-top: 8px; overflow: hidden; } .td-cart-item-qty button { width: 28px; height: 28px; border: none; background: transparent; cursor: pointer; font-size: 16px; font-weight: 600; transition: background .2s; } .td-cart-item-qty button:hover { background: var(--td-bg-muted); } .td-cart-item-qty span { padding: 0 8px; font-size: 13px; min-width: 24px; text-align: center; } .td-cart-item-remove { background: none; border: none; color: var(--td-text-light); font-size: 18px; cursor: pointer; padding: 4px; align-self: flex-start; transition: color .2s; } .td-cart-item-remove:hover { color: #e53935; } .td-cart-footer { padding: 20px 24px; border-top: 1px solid var(--td-border); background: var(--td-bg-soft); } .td-cart-totals { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 16px; } .td-cart-totals strong { font-size: 20px; color: var(--td-primary); font-weight: 800; } .td-cart-actions { display: flex; gap: 10px; flex-direction: column; } .td-cart-actions a { width: 100%; } .td-cart-loading { text-align: center; padding: 40px; color: var(--td-text-muted); font-size: 14px; } .td-spinner { width: 30px; height: 30px; border: 3px solid var(--td-border); border-top-color: var(--td-primary); border-radius: 50%; animation: td-spin .8s linear infinite; margin: 0 auto 12px; } @keyframes td-spin { to { transform: rotate(360deg); } } /* STREAMING_CHUNK:Styling the footer section... / / ============ Footer ============ */ .td-footer { background: linear-gradient(180deg, #0e0e0e 0%, #181818 100%); color: #cfcfcf; padding: 70px 0 0; margin-top: 80px; position: relative; overflow: hidden; } .td-footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--td-primary), var(--td-primary-light), var(--td-primary)); } .td-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 48px; padding-bottom: 50px; } .td-footer h4 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 18px; letter-spacing: .02em; } .td-footer .td-logo { color: #fff; font-size: 22px; margin-bottom: 14px; } .td-footer-about p { font-size: 14px; line-height: 1.7; color: #999; margin: 0 0 20px; } .td-footer ul { list-style: none; margin: 0; padding: 0; } .td-footer ul li { margin-bottom: 10px; } .td-footer ul a { color: #aaa; font-size: 14px; transition: all .25s var(--td-trans); display: inline-flex; align-items: center; gap: 8px; } .td-footer ul a::before { content: '←'; opacity: 0; margin-left: -10px; transition: all .25s var(--td-trans); color: var(--td-primary); } .td-footer ul a:hover { color: #fff; } .td-footer ul a:hover::before { opacity: 1; margin-left: 0; } .td-footer-contact .td-contact-item { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #aaa; font-size: 14px; } .td-footer-contact .td-contact-item .ic { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.06); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } .td-footer-contact a:hover { color: var(--td-primary); } .td-social { display: flex; gap: 10px; margin-top: 20px; } .td-social a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.07); display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; transition: all .3s var(--td-trans); } .td-social a:hover { background: var(--td-primary); transform: translateY(-3px); color: #fff; } .td-social a svg { width: 18px; height: 18px; } .td-footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 22px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 13px; color: #888; } .td-payments { display: flex; gap: 8px; align-items: center; } .td-payments span { background: rgba(255,255,255,.08); padding: 6px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; letter-spacing: .03em; color: #ddd; } @media (max-width: 900px) { .td-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; } } @media (max-width: 600px) { .td-footer { padding-top: 50px; margin-top: 50px; } .td-footer-grid { grid-template-columns: 1fr; gap: 28px; padding-bottom: 32px; } .td-footer-bottom { flex-direction: column; text-align: center; } } /* STREAMING_CHUNK:Adding floating WhatsApp button and single product styles... / / ============ WhatsApp Floating Button ============ */ .td-wa { position: fixed; bottom: 24px; left: 24px; width: 60px; height: 60px; background: linear-gradient(135deg, #25d366, #128c7e); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 9990; box-shadow: 0 10px 28px rgba(37,211,102,.45); transition: all .3s var(--td-trans); animation: td-wa-pulse 2.5s infinite; } .td-wa:hover { transform: scale(1.1) rotate(8deg); color: #fff; box-shadow: 0 14px 32px rgba(37,211,102,.6); } .td-wa svg { width: 30px; height: 30px; } @keyframes td-wa-pulse { 0%, 100% { box-shadow: 0 10px 28px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,.5); } 70% { box-shadow: 0 10px 28px rgba(37,211,102,.45), 0 0 0 18px rgba(37,211,102,0); } } /* ============ Single Product Page ============ */ .woocommerce div.product .product_title { font-size: clamp(24px, 3vw, 34px) !important; font-weight: 800 !important; letter-spacing: -0.02em; margin-bottom: 12px !important; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--td-primary) !important; font-size: 26px !important; font-weight: 800 !important; } .woocommerce div.product form.cart .quantity { margin-left: 14px !important; } .woocommerce .quantity input.qty { border: 1px solid var(--td-border) !important; border-radius: 999px !important; padding: 10px 14px !important; text-align: center; font-weight: 600; width: 70px; } .woocommerce-tabs ul.tabs { border-bottom: 1px solid var(--td-border) !important; } .woocommerce-tabs ul.tabs li { background: transparent !important; border: none !important; border-radius: 0 !important; } .woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after { display: none !important; } .woocommerce-tabs ul.tabs li a { font-weight: 600 !important; padding: 12px 18px !important; color: var(--td-text-muted) !important; } .woocommerce-tabs ul.tabs li.active a { color: var(--td-primary) !important; } .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--td-primary) !important; } /* STREAMING_CHUNK:Finalizing forms, notices, and animations... / / Forms */ input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], textarea, select { border: 1.5px solid var(--td-border) !important; border-radius: 12px !important; padding: 12px 16px !important; font-family: 'Heebo', sans-serif !important; font-size: 15px !important; background: #fff !important; transition: all .25s var(--td-trans) !important; width: 100%; box-sizing: border-box; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, textarea:focus, select:focus { outline: none !important; border-color: var(--td-primary) !important; box-shadow: 0 0 0 4px rgba(255,106,0,.1) !important; } /* Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius: var(--td-radius) !important; border: none !important; padding: 16px 20px !important; font-weight: 500; } .woocommerce-message { background: #ecfdf5 !important; color: #065f46 !important; border-right: 4px solid var(--td-success) !important; } .woocommerce-info { background: #fff5ee !important; color: #9a3412 !important; border-right: 4px solid var(--td-primary) !important; } .woocommerce-error { background: #fef2f2 !important; color: #991b1b !important; border-right: 4px solid #dc2626 !important; } /* Animations */ @keyframes td-fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .td-section, .td-product, .td-cat, .td-step, .td-review { animation: td-fadeUp .6s var(--td-trans) both; } /* Responsive nav body padding */ body.td-cart-open { overflow: hidden; }