{"id":5,"date":"2026-04-29T18:56:05","date_gmt":"2026-04-29T18:56:05","guid":{"rendered":"https:\/\/deneme.snowbilisim.com\/?page_id=5"},"modified":"2026-04-29T19:02:10","modified_gmt":"2026-04-29T19:02:10","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/deneme.snowbilisim.com\/","title":{"rendered":"Ana Sayfa"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nLUXE STORE \u2014 Premium E-Ticaret<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =============================================\r\n WORDPRESS WOOCOMMERCE THEME \u2014 LUXE STORE\r\n Custom CSS \u2014 Mobile First\r\n ============================================= *\/\r\n\r\n\/* --- CSS VARIABLES --- *\/\r\n:root {\r\n --clr-ink: #0e0e0e;\r\n --clr-ink-soft: #3a3a3a;\r\n --clr-ink-muted: #7a7a7a;\r\n --clr-bg: #faf9f7;\r\n --clr-bg-warm: #f3efe9;\r\n --clr-bg-card: #ffffff;\r\n --clr-accent: #b8860b;\r\n --clr-accent-lt: #d4a843;\r\n --clr-accent-dk: #8b6508;\r\n --clr-red: #c0392b;\r\n --clr-border: #e8e3dc;\r\n --clr-white: #ffffff;\r\n\r\n --ff-display: 'Cormorant Garamond', Georgia, serif;\r\n --ff-body: 'DM Sans', system-ui, sans-serif;\r\n\r\n --fs-xs: 0.75rem;\r\n --fs-sm: 0.875rem;\r\n --fs-base: 1rem;\r\n --fs-md: 1.125rem;\r\n --fs-lg: 1.375rem;\r\n --fs-xl: 1.75rem;\r\n --fs-2xl: 2.25rem;\r\n --fs-3xl: 3rem;\r\n --fs-4xl: 4rem;\r\n --fs-5xl: 5.5rem;\r\n\r\n --sp-1: 0.25rem;\r\n --sp-2: 0.5rem;\r\n --sp-3: 0.75rem;\r\n --sp-4: 1rem;\r\n --sp-5: 1.25rem;\r\n --sp-6: 1.5rem;\r\n --sp-8: 2rem;\r\n --sp-10: 2.5rem;\r\n --sp-12: 3rem;\r\n --sp-16: 4rem;\r\n --sp-20: 5rem;\r\n --sp-24: 6rem;\r\n\r\n --radius-sm: 4px;\r\n --radius-md: 8px;\r\n --radius-lg: 16px;\r\n --radius-xl: 24px;\r\n --radius-full: 999px;\r\n\r\n --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);\r\n --shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);\r\n --shadow-lg: 0 10px 30px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.04);\r\n --shadow-xl: 0 20px 50px rgba(0,0,0,.14);\r\n\r\n --transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n --header-h: 72px;\r\n --container: 1280px;\r\n}\r\n\r\n\/* --- RESET & BASE --- *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nhtml { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }\r\n\r\nbody {\r\n font-family: var(--ff-body);\r\n font-size: var(--fs-base);\r\n color: var(--clr-ink);\r\n background: var(--clr-bg);\r\n line-height: 1.6;\r\n}\r\n\r\nimg { display: block; max-width: 100%; height: auto; }\r\na { color: inherit; text-decoration: none; }\r\nul { list-style: none; }\r\nbutton { font-family: inherit; cursor: pointer; border: none; background: none; }\r\ninput { font-family: inherit; }\r\n\r\n.container {\r\n width: 100%;\r\n max-width: var(--container);\r\n margin-inline: auto;\r\n padding-inline: var(--sp-5);\r\n}\r\n\r\n@media (min-width: 768px) { .container { padding-inline: var(--sp-8); } }\r\n@media (min-width: 1200px) { .container { padding-inline: var(--sp-12); } }\r\n\r\n\/* =============================================\r\n HEADER \/ NAVBAR\r\n ============================================= *\/\r\n\r\n.site-header {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 1000;\r\n height: var(--header-h);\r\n background: rgba(250, 249, 247, 0.94);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--clr-border);\r\n transition: box-shadow var(--transition);\r\n}\r\n\r\n.site-header.scrolled { box-shadow: var(--shadow-md); }\r\n\r\n.header-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: var(--sp-4);\r\n height: 100%;\r\n}\r\n\r\n\/* Logo *\/\r\n.site-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--sp-2);\r\n flex-shrink: 0;\r\n}\r\n\r\n.site-logo__mark {\r\n width: 36px; height: 36px;\r\n background: var(--clr-ink);\r\n border-radius: var(--radius-sm);\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n.site-logo__mark svg { width: 20px; height: 20px; fill: var(--clr-accent); }\r\n\r\n.site-logo__text {\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-xl);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n color: var(--clr-ink);\r\n line-height: 1;\r\n}\r\n\r\n.site-logo__text span { color: var(--clr-accent); }\r\n\r\n\/* Primary Nav *\/\r\n.primary-nav { display: none; }\r\n\r\n@media (min-width: 900px) {\r\n .primary-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--sp-1);\r\n }\r\n}\r\n\r\n.primary-nav__link {\r\n font-size: var(--fs-sm);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--clr-ink-soft);\r\n padding: var(--sp-2) var(--sp-4);\r\n border-radius: var(--radius-full);\r\n transition: color var(--transition), background var(--transition);\r\n position: relative;\r\n}\r\n\r\n.primary-nav__link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 4px; left: 50%; right: 50%;\r\n height: 1.5px;\r\n background: var(--clr-accent);\r\n transition: left var(--transition), right var(--transition);\r\n}\r\n\r\n.primary-nav__link:hover { color: var(--clr-ink); }\r\n.primary-nav__link:hover::after { left: var(--sp-4); right: var(--sp-4); }\r\n.primary-nav__link.active { color: var(--clr-accent); }\r\n\r\n\/* Header Actions *\/\r\n.header-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--sp-2);\r\n}\r\n\r\n\/* Search *\/\r\n.header-search {\r\n display: none;\r\n align-items: center;\r\n background: var(--clr-bg-warm);\r\n border: 1px solid var(--clr-border);\r\n border-radius: var(--radius-full);\r\n padding: var(--sp-2) var(--sp-4);\r\n gap: var(--sp-2);\r\n transition: border-color var(--transition), box-shadow var(--transition);\r\n}\r\n\r\n@media (min-width: 640px) { .header-search { display: flex; } }\r\n\r\n.header-search:focus-within {\r\n border-color: var(--clr-accent);\r\n box-shadow: 0 0 0 3px rgba(184,134,11,.12);\r\n}\r\n\r\n.header-search input {\r\n border: none;\r\n background: transparent;\r\n outline: none;\r\n font-size: var(--fs-sm);\r\n color: var(--clr-ink);\r\n width: 160px;\r\n}\r\n\r\n.header-search input::placeholder { color: var(--clr-ink-muted); }\r\n\r\n.header-search svg { width: 16px; height: 16px; stroke: var(--clr-ink-muted); flex-shrink: 0; }\r\n\r\n\/* Icon Buttons *\/\r\n.icon-btn {\r\n display: flex; align-items: center; justify-content: center;\r\n width: 40px; height: 40px;\r\n border-radius: var(--radius-md);\r\n color: var(--clr-ink-soft);\r\n transition: background var(--transition), color var(--transition);\r\n position: relative;\r\n}\r\n\r\n.icon-btn svg { width: 20px; height: 20px; stroke: currentColor; fill: none; }\r\n.icon-btn:hover { background: var(--clr-bg-warm); color: var(--clr-ink); }\r\n\r\n\/* Cart Badge *\/\r\n.cart-badge {\r\n position: absolute;\r\n top: 4px; right: 4px;\r\n min-width: 17px; height: 17px;\r\n background: var(--clr-accent);\r\n color: var(--clr-white);\r\n font-size: 10px;\r\n font-weight: 600;\r\n border-radius: var(--radius-full);\r\n display: flex; align-items: center; justify-content: center;\r\n padding: 0 3px;\r\n line-height: 1;\r\n}\r\n\r\n\/* Mobile Menu Toggle *\/\r\n.menu-toggle {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n padding: var(--sp-2);\r\n cursor: pointer;\r\n}\r\n\r\n.menu-toggle span {\r\n display: block;\r\n width: 22px; height: 1.5px;\r\n background: var(--clr-ink);\r\n border-radius: 2px;\r\n transition: transform var(--transition), opacity var(--transition);\r\n}\r\n\r\n@media (min-width: 900px) { .menu-toggle { display: none; } }\r\n\r\n\/* Mobile Nav *\/\r\n.mobile-nav {\r\n position: fixed;\r\n top: var(--header-h); left: 0; right: 0;\r\n background: var(--clr-bg);\r\n border-bottom: 1px solid var(--clr-border);\r\n padding: var(--sp-6) var(--sp-5);\r\n transform: translateY(-110%);\r\n transition: transform var(--transition-slow);\r\n z-index: 999;\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.mobile-nav.open { transform: translateY(0); }\r\n\r\n.mobile-nav__link {\r\n display: block;\r\n font-size: var(--fs-lg);\r\n font-family: var(--ff-display);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n color: var(--clr-ink-soft);\r\n padding: var(--sp-3) 0;\r\n border-bottom: 1px solid var(--clr-border);\r\n transition: color var(--transition), padding-left var(--transition);\r\n}\r\n\r\n.mobile-nav__link:hover { color: var(--clr-accent); padding-left: var(--sp-3); }\r\n\r\n.mobile-nav__search {\r\n display: flex;\r\n align-items: center;\r\n background: var(--clr-bg-warm);\r\n border: 1px solid var(--clr-border);\r\n border-radius: var(--radius-md);\r\n padding: var(--sp-3) var(--sp-4);\r\n gap: var(--sp-2);\r\n margin-top: var(--sp-5);\r\n}\r\n\r\n.mobile-nav__search input {\r\n border: none; background: transparent; outline: none;\r\n font-size: var(--fs-base); flex: 1; color: var(--clr-ink);\r\n}\r\n\r\n.mobile-nav__search svg { width: 18px; height: 18px; stroke: var(--clr-ink-muted); }\r\n\r\n\/* =============================================\r\n HERO SECTION\r\n ============================================= *\/\r\n\r\n.hero {\r\n margin-top: var(--header-h);\r\n min-height: calc(100svh - var(--header-h));\r\n display: grid;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n@media (min-width: 900px) {\r\n .hero { grid-template-columns: 1fr 1fr; min-height: 700px; max-height: 860px; }\r\n}\r\n\r\n\/* Hero Left \u2014 Content *\/\r\n.hero__content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: var(--sp-16) var(--sp-5) var(--sp-10);\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n@media (min-width: 768px) { .hero__content { padding: var(--sp-20) var(--sp-12) var(--sp-16); } }\r\n@media (min-width: 900px) { .hero__content { padding: var(--sp-16) var(--sp-16) var(--sp-16) var(--sp-12); } }\r\n@media (min-width: 1200px){ .hero__content { padding-left: calc((100vw - var(--container)) \/ 2 + var(--sp-12)); } }\r\n\r\n.hero__eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--sp-2);\r\n font-size: var(--fs-xs);\r\n font-weight: 600;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: var(--clr-accent);\r\n margin-bottom: var(--sp-5);\r\n animation: fadeUp 0.6s ease both;\r\n}\r\n\r\n.hero__eyebrow::before {\r\n content: '';\r\n display: block;\r\n width: 32px; height: 1px;\r\n background: var(--clr-accent);\r\n}\r\n\r\n.hero__title {\r\n font-family: var(--ff-display);\r\n font-size: clamp(var(--fs-3xl), 7vw, var(--fs-5xl));\r\n font-weight: 300;\r\n line-height: 1.05;\r\n letter-spacing: -0.01em;\r\n color: var(--clr-ink);\r\n margin-bottom: var(--sp-6);\r\n animation: fadeUp 0.6s 0.1s ease both;\r\n}\r\n\r\n.hero__title em {\r\n font-style: italic;\r\n color: var(--clr-accent);\r\n}\r\n\r\n.hero__desc {\r\n font-size: var(--fs-md);\r\n color: var(--clr-ink-soft);\r\n line-height: 1.7;\r\n max-width: 46ch;\r\n margin-bottom: var(--sp-10);\r\n animation: fadeUp 0.6s 0.2s ease both;\r\n}\r\n\r\n.hero__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: var(--sp-3);\r\n animation: fadeUp 0.6s 0.3s ease both;\r\n}\r\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--sp-2);\r\n font-size: var(--fs-sm);\r\n font-weight: 600;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n border-radius: var(--radius-full);\r\n padding: var(--sp-3) var(--sp-8);\r\n transition: all var(--transition);\r\n white-space: nowrap;\r\n}\r\n\r\n.btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; flex-shrink: 0; transition: transform var(--transition); }\r\n.btn:hover svg { transform: translateX(4px); }\r\n\r\n.btn--primary {\r\n background: var(--clr-ink);\r\n color: var(--clr-white);\r\n box-shadow: 0 4px 16px rgba(14,14,14,.20);\r\n}\r\n\r\n.btn--primary:hover {\r\n background: var(--clr-accent-dk);\r\n box-shadow: 0 6px 24px rgba(139,101,8,.30);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.btn--outline {\r\n background: transparent;\r\n color: var(--clr-ink);\r\n border: 1.5px solid var(--clr-border);\r\n}\r\n\r\n.btn--outline:hover {\r\n border-color: var(--clr-ink);\r\n background: var(--clr-ink);\r\n color: var(--clr-white);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.btn--accent {\r\n background: var(--clr-accent);\r\n color: var(--clr-white);\r\n box-shadow: 0 4px 16px rgba(184,134,11,.30);\r\n}\r\n\r\n.btn--accent:hover {\r\n background: var(--clr-accent-dk);\r\n box-shadow: 0 6px 24px rgba(139,101,8,.40);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.hero__stats {\r\n display: flex;\r\n gap: var(--sp-8);\r\n margin-top: var(--sp-10);\r\n padding-top: var(--sp-8);\r\n border-top: 1px solid var(--clr-border);\r\n animation: fadeUp 0.6s 0.4s ease both;\r\n}\r\n\r\n.hero__stat-value {\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-2xl);\r\n font-weight: 600;\r\n color: var(--clr-ink);\r\n line-height: 1;\r\n}\r\n\r\n.hero__stat-label {\r\n font-size: var(--fs-xs);\r\n color: var(--clr-ink-muted);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n margin-top: var(--sp-1);\r\n}\r\n\r\n\/* Hero Right \u2014 Visual *\/\r\n.hero__visual {\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--clr-bg-warm);\r\n min-height: 360px;\r\n}\r\n\r\n@media (max-width: 899px) {\r\n .hero__visual { order: -1; min-height: 280px; }\r\n}\r\n\r\n.hero__visual-img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n object-position: center top;\r\n transition: transform var(--transition-slow);\r\n}\r\n\r\n.hero__visual:hover .hero__visual-img { transform: scale(1.03); }\r\n\r\n.hero__badge {\r\n position: absolute;\r\n bottom: var(--sp-6); right: var(--sp-6);\r\n background: var(--clr-white);\r\n border-radius: var(--radius-lg);\r\n padding: var(--sp-4) var(--sp-5);\r\n box-shadow: var(--shadow-xl);\r\n display: flex; align-items: center; gap: var(--sp-3);\r\n animation: fadeUp 0.8s 0.5s ease both;\r\n}\r\n\r\n.hero__badge-icon {\r\n width: 44px; height: 44px;\r\n background: var(--clr-bg-warm);\r\n border-radius: var(--radius-md);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n\r\n.hero__badge-icon svg { width: 22px; height: 22px; stroke: var(--clr-accent); fill: none; }\r\n\r\n.hero__badge-title {\r\n font-size: var(--fs-base);\r\n font-weight: 600;\r\n color: var(--clr-ink);\r\n line-height: 1.2;\r\n}\r\n\r\n.hero__badge-sub {\r\n font-size: var(--fs-xs);\r\n color: var(--clr-ink-muted);\r\n}\r\n\r\n\/* Hero placeholder visual *\/\r\n.hero__visual-placeholder {\r\n width: 100%; height: 100%;\r\n min-height: inherit;\r\n background: linear-gradient(135deg, #f3efe9 0%, #e8ddd0 40%, #d4c4ae 100%);\r\n display: flex; align-items: center; justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.hero__visual-placeholder::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at 70% 30%, rgba(184,134,11,.15) 0%, transparent 60%),\r\n radial-gradient(circle at 20% 80%, rgba(139,101,8,.10) 0%, transparent 50%);\r\n}\r\n\r\n.hero__visual-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.18;\r\n background: var(--clr-accent);\r\n}\r\n\r\n.hero__visual-shape:nth-child(1) { width: 280px; height: 280px; top: -60px; right: -60px; }\r\n.hero__visual-shape:nth-child(2) { width: 160px; height: 160px; bottom: 40px; left: 20px; opacity: 0.10; }\r\n.hero__visual-shape:nth-child(3) { width: 80px; height: 80px; top: 40%; left: 55%; opacity: 0.14; background: var(--clr-ink); }\r\n\r\n.hero__visual-label {\r\n position: relative;\r\n z-index: 1;\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-4xl);\r\n font-weight: 300;\r\n letter-spacing: 0.06em;\r\n color: rgba(14,14,14,.18);\r\n text-align: center;\r\n user-select: none;\r\n}\r\n\r\n\/* =============================================\r\n SECTION COMMON\r\n ============================================= *\/\r\n\r\n.section { padding-block: var(--sp-16); }\r\n@media (min-width: 768px) { .section { padding-block: var(--sp-24); } }\r\n\r\n.section__header {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: var(--sp-4);\r\n margin-bottom: var(--sp-10);\r\n}\r\n\r\n.section__eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--sp-2);\r\n font-size: var(--fs-xs);\r\n font-weight: 600;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: var(--clr-accent);\r\n margin-bottom: var(--sp-3);\r\n}\r\n\r\n.section__eyebrow::before {\r\n content: '';\r\n width: 24px; height: 1px;\r\n background: var(--clr-accent);\r\n}\r\n\r\n.section__title {\r\n font-family: var(--ff-display);\r\n font-size: clamp(var(--fs-xl), 3.5vw, var(--fs-3xl));\r\n font-weight: 400;\r\n line-height: 1.1;\r\n color: var(--clr-ink);\r\n}\r\n\r\n.section__link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--sp-2);\r\n font-size: var(--fs-sm);\r\n font-weight: 600;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--clr-ink-soft);\r\n border-bottom: 1.5px solid var(--clr-border);\r\n padding-bottom: 2px;\r\n transition: color var(--transition), border-color var(--transition);\r\n flex-shrink: 0;\r\n align-self: flex-end;\r\n}\r\n\r\n.section__link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; transition: transform var(--transition); }\r\n.section__link:hover { color: var(--clr-accent); border-color: var(--clr-accent); }\r\n.section__link:hover svg { transform: translateX(4px); }\r\n\r\n\/* =============================================\r\n FEATURED PRODUCTS \u2014 WOOCOMMERCE STYLE\r\n ============================================= *\/\r\n\r\n.products-section { background: var(--clr-bg); }\r\n\r\n\/* Filter Tabs *\/\r\n.products-filter {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: var(--sp-2);\r\n margin-bottom: var(--sp-8);\r\n}\r\n\r\n.filter-btn {\r\n font-size: var(--fs-xs);\r\n font-weight: 600;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: var(--sp-2) var(--sp-5);\r\n border-radius: var(--radius-full);\r\n border: 1.5px solid var(--clr-border);\r\n color: var(--clr-ink-soft);\r\n background: transparent;\r\n cursor: pointer;\r\n transition: all var(--transition);\r\n}\r\n\r\n.filter-btn:hover { border-color: var(--clr-ink); color: var(--clr-ink); background: var(--clr-bg-warm); }\r\n.filter-btn.active { background: var(--clr-ink); color: var(--clr-white); border-color: var(--clr-ink); }\r\n\r\n\/* Products Grid *\/\r\n.products-grid {\r\n display: grid;\r\n gap: var(--sp-5);\r\n grid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n@media (min-width: 640px) { .products-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (min-width: 900px) { .products-grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media (min-width: 1100px) { .products-grid { grid-template-columns: repeat(3, 1fr); gap: var(--sp-6); } }\r\n\r\n\/* WooCommerce Product Card *\/\r\n.wc-product {\r\n background: var(--clr-bg-card);\r\n border-radius: var(--radius-lg);\r\n border: 1px solid var(--clr-border);\r\n overflow: hidden;\r\n transition: transform var(--transition), box-shadow var(--transition);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.wc-product:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n\/* Product Thumbnail *\/\r\n.wc-product__thumb {\r\n position: relative;\r\n aspect-ratio: 4\/3;\r\n overflow: hidden;\r\n background: var(--clr-bg-warm);\r\n}\r\n\r\n.wc-product__img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n transition: transform var(--transition-slow);\r\n}\r\n\r\n.wc-product:hover .wc-product__img { transform: scale(1.07); }\r\n\r\n\/* Product Image Placeholder *\/\r\n.wc-product__placeholder {\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center; justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.wc-product__placeholder svg {\r\n width: 52px; height: 52px;\r\n stroke: rgba(14,14,14,.12);\r\n fill: none;\r\n position: relative; z-index: 1;\r\n}\r\n\r\n\/* Badges *\/\r\n.wc-product__badges {\r\n position: absolute;\r\n top: var(--sp-3); left: var(--sp-3);\r\n display: flex; flex-direction: column; gap: var(--sp-1);\r\n z-index: 2;\r\n}\r\n\r\n.badge {\r\n display: inline-block;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 3px var(--sp-2);\r\n border-radius: var(--radius-sm);\r\n line-height: 1.4;\r\n}\r\n\r\n.badge--new { background: var(--clr-ink); color: var(--clr-white); }\r\n.badge--sale { background: var(--clr-red); color: var(--clr-white); }\r\n.badge--hot { background: var(--clr-accent); color: var(--clr-white); }\r\n\r\n\/* Wishlist *\/\r\n.wc-product__wishlist {\r\n position: absolute;\r\n top: var(--sp-3); right: var(--sp-3);\r\n z-index: 2;\r\n width: 32px; height: 32px;\r\n background: rgba(255,255,255,.85);\r\n backdrop-filter: blur(6px);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer;\r\n transition: background var(--transition), transform var(--transition);\r\n opacity: 0;\r\n transform: scale(0.85);\r\n}\r\n\r\n.wc-product:hover .wc-product__wishlist { opacity: 1; transform: scale(1); }\r\n.wc-product__wishlist:hover { background: var(--clr-red); }\r\n.wc-product__wishlist svg { width: 15px; height: 15px; stroke: var(--clr-ink); fill: none; transition: stroke var(--transition); }\r\n.wc-product__wishlist:hover svg { stroke: var(--clr-white); }\r\n\r\n\/* Quick View *\/\r\n.wc-product__quick-view {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n background: rgba(14,14,14,.80);\r\n backdrop-filter: blur(4px);\r\n color: var(--clr-white);\r\n font-size: var(--fs-xs);\r\n font-weight: 600;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n text-align: center;\r\n padding: var(--sp-3);\r\n transform: translateY(100%);\r\n transition: transform var(--transition);\r\n cursor: pointer;\r\n}\r\n\r\n.wc-product:hover .wc-product__quick-view { transform: translateY(0); }\r\n\r\n\/* Product Info *\/\r\n.wc-product__info {\r\n padding: var(--sp-4);\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n gap: var(--sp-2);\r\n}\r\n\r\n@media (min-width: 640px) { .wc-product__info { padding: var(--sp-5); } }\r\n\r\n.wc-product__cat {\r\n font-size: var(--fs-xs);\r\n font-weight: 500;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: var(--clr-accent);\r\n}\r\n\r\n.wc-product__title {\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-lg);\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: var(--clr-ink);\r\n transition: color var(--transition);\r\n}\r\n\r\n.wc-product:hover .wc-product__title { color: var(--clr-accent-dk); }\r\n\r\n.wc-product__stars {\r\n display: flex; align-items: center; gap: var(--sp-2);\r\n}\r\n\r\n.stars {\r\n display: flex; gap: 2px;\r\n}\r\n\r\n.stars svg { width: 11px; height: 11px; fill: var(--clr-accent); stroke: none; }\r\n.stars svg.empty { fill: var(--clr-border); }\r\n\r\n.wc-product__review-count {\r\n font-size: var(--fs-xs);\r\n color: var(--clr-ink-muted);\r\n}\r\n\r\n.wc-product__price-row {\r\n display: flex; align-items: center; justify-content: space-between;\r\n gap: var(--sp-2);\r\n margin-top: auto;\r\n padding-top: var(--sp-3);\r\n border-top: 1px solid var(--clr-border);\r\n}\r\n\r\n.wc-product__price {\r\n display: flex; align-items: baseline; gap: var(--sp-2);\r\n}\r\n\r\n.price { font-family: var(--ff-display); font-weight: 600; color: var(--clr-ink); font-size: var(--fs-lg); }\r\n.price--old { font-size: var(--fs-sm); font-weight: 400; color: var(--clr-ink-muted); text-decoration: line-through; }\r\n.price--sale { color: var(--clr-red); }\r\n\r\n\/* Add to Cart *\/\r\n.add-to-cart {\r\n display: flex; align-items: center; gap: var(--sp-2);\r\n padding: var(--sp-2) var(--sp-4);\r\n border-radius: var(--radius-full);\r\n background: var(--clr-ink);\r\n color: var(--clr-white);\r\n font-size: var(--fs-xs);\r\n font-weight: 600;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: background var(--transition), transform var(--transition), box-shadow var(--transition);\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n}\r\n\r\n.add-to-cart svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }\r\n.add-to-cart:hover { background: var(--clr-accent); transform: scale(1.04); box-shadow: 0 4px 12px rgba(184,134,11,.30); }\r\n\r\n\/* =============================================\r\n CATEGORIES SECTION\r\n ============================================= *\/\r\n\r\n.categories-section { background: var(--clr-bg-warm); }\r\n\r\n.categories-grid {\r\n display: grid;\r\n gap: var(--sp-4);\r\n grid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n@media (min-width: 640px) { .categories-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (min-width: 900px) { .categories-grid { grid-template-columns: repeat(4, 1fr); } }\r\n\r\n.category-card {\r\n position: relative;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n aspect-ratio: 3\/4;\r\n background: var(--clr-bg-card);\r\n cursor: pointer;\r\n display: flex; align-items: flex-end;\r\n transition: transform var(--transition), box-shadow var(--transition);\r\n}\r\n\r\n@media (min-width: 900px) {\r\n .category-card:first-child { grid-row: span 2; aspect-ratio: auto; }\r\n}\r\n\r\n.category-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-xl); }\r\n\r\n.category-card__bg {\r\n position: absolute; inset: 0;\r\n transition: transform var(--transition-slow);\r\n}\r\n\r\n.category-card:hover .category-card__bg { transform: scale(1.06); }\r\n\r\n.category-card__placeholder {\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n.category-card__placeholder svg { width: 60px; height: 60px; stroke: rgba(255,255,255,.35); fill: none; }\r\n\r\n.category-card__overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to top, rgba(14,14,14,.75) 0%, rgba(14,14,14,.08) 55%, transparent 100%);\r\n transition: opacity var(--transition);\r\n}\r\n\r\n.category-card:hover .category-card__overlay { opacity: .88; }\r\n\r\n.category-card__content {\r\n position: relative; z-index: 2;\r\n padding: var(--sp-5);\r\n width: 100%;\r\n}\r\n\r\n.category-card__name {\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-xl);\r\n font-weight: 500;\r\n color: var(--clr-white);\r\n line-height: 1.1;\r\n margin-bottom: var(--sp-1);\r\n}\r\n\r\n.category-card__count {\r\n font-size: var(--fs-xs);\r\n color: rgba(255,255,255,.60);\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.category-card__arrow {\r\n display: inline-flex; align-items: center; justify-content: center;\r\n width: 32px; height: 32px;\r\n background: rgba(255,255,255,.15);\r\n backdrop-filter: blur(6px);\r\n border-radius: 50%;\r\n margin-top: var(--sp-3);\r\n transition: background var(--transition), transform var(--transition);\r\n}\r\n\r\n.category-card:hover .category-card__arrow { background: var(--clr-accent); transform: translateX(4px); }\r\n.category-card__arrow svg { width: 14px; height: 14px; stroke: var(--clr-white); fill: none; }\r\n\r\n\/* Category color palettes *\/\r\n.cat--1 { background: linear-gradient(160deg, #2c2c2e 0%, #1a1a1c 100%); }\r\n.cat--2 { background: linear-gradient(160deg, #3d2b1f 0%, #5d3d2a 100%); }\r\n.cat--3 { background: linear-gradient(160deg, #1a2e3a 0%, #2c4a5a 100%); }\r\n.cat--4 { background: linear-gradient(160deg, #2e2820 0%, #4a3e30 100%); }\r\n\r\n\/* =============================================\r\n PROMO \/ CAMPAIGN SECTION\r\n ============================================= *\/\r\n\r\n.promo-section { background: var(--clr-ink); overflow: hidden; }\r\n\r\n.promo-inner {\r\n display: grid;\r\n gap: var(--sp-10);\r\n position: relative;\r\n}\r\n\r\n@media (min-width: 768px) { .promo-inner { grid-template-columns: 1fr 1fr; align-items: center; } }\r\n\r\n\/* Promo bg shapes *\/\r\n.promo-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(184,134,11,.18) 0%, transparent 50%),\r\n radial-gradient(circle at 10% 90%, rgba(184,134,11,.10) 0%, transparent 40%);\r\n pointer-events: none;\r\n}\r\n\r\n.promo__eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--sp-2);\r\n font-size: var(--fs-xs);\r\n font-weight: 700;\r\n letter-spacing: 0.20em;\r\n text-transform: uppercase;\r\n color: var(--clr-accent);\r\n margin-bottom: var(--sp-5);\r\n}\r\n\r\n.promo__title {\r\n font-family: var(--ff-display);\r\n font-size: clamp(var(--fs-2xl), 4vw, var(--fs-4xl));\r\n font-weight: 300;\r\n line-height: 1.05;\r\n color: var(--clr-white);\r\n margin-bottom: var(--sp-5);\r\n}\r\n\r\n.promo__title strong { font-weight: 600; color: var(--clr-accent); font-style: italic; }\r\n\r\n.promo__desc {\r\n font-size: var(--fs-md);\r\n color: rgba(255,255,255,.60);\r\n line-height: 1.7;\r\n max-width: 44ch;\r\n margin-bottom: var(--sp-8);\r\n}\r\n\r\n.promo__offers {\r\n display: flex; flex-wrap: wrap; gap: var(--sp-3);\r\n margin-bottom: var(--sp-8);\r\n}\r\n\r\n.promo__tag {\r\n display: inline-flex; align-items: center; gap: var(--sp-2);\r\n padding: var(--sp-2) var(--sp-4);\r\n border-radius: var(--radius-full);\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.12);\r\n font-size: var(--fs-xs);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n color: rgba(255,255,255,.80);\r\n text-transform: uppercase;\r\n}\r\n\r\n.promo__tag svg { width: 13px; height: 13px; stroke: var(--clr-accent); fill: none; }\r\n\r\n\/* Countdown *\/\r\n.promo__countdown {\r\n display: flex; gap: var(--sp-3);\r\n}\r\n\r\n.countdown-block {\r\n display: flex; flex-direction: column; align-items: center;\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.10);\r\n border-radius: var(--radius-md);\r\n padding: var(--sp-4) var(--sp-5);\r\n min-width: 68px;\r\n}\r\n\r\n.countdown-block__num {\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-2xl);\r\n font-weight: 600;\r\n color: var(--clr-white);\r\n line-height: 1;\r\n}\r\n\r\n.countdown-block__label {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.40);\r\n margin-top: var(--sp-1);\r\n}\r\n\r\n\/* Promo Right \u2014 Featured Products *\/\r\n.promo__products {\r\n display: grid; gap: var(--sp-4);\r\n}\r\n\r\n@media (min-width: 480px) { .promo__products { grid-template-columns: 1fr 1fr; } }\r\n\r\n.promo-product {\r\n background: rgba(255,255,255,.05);\r\n border: 1px solid rgba(255,255,255,.10);\r\n border-radius: var(--radius-lg);\r\n padding: var(--sp-5);\r\n display: flex; gap: var(--sp-4); align-items: center;\r\n transition: background var(--transition), border-color var(--transition);\r\n cursor: pointer;\r\n}\r\n\r\n.promo-product:hover { background: rgba(255,255,255,.09); border-color: var(--clr-accent); }\r\n\r\n.promo-product__img-wrap {\r\n width: 64px; height: 64px; flex-shrink: 0;\r\n border-radius: var(--radius-md);\r\n overflow: hidden;\r\n background: rgba(255,255,255,.08);\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n.promo-product__img-wrap svg { width: 28px; height: 28px; stroke: rgba(255,255,255,.25); fill: none; }\r\n\r\n.promo-product__name {\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-md);\r\n font-weight: 500;\r\n color: var(--clr-white);\r\n line-height: 1.2;\r\n margin-bottom: var(--sp-1);\r\n}\r\n\r\n.promo-product__price { font-size: var(--fs-sm); color: var(--clr-accent); font-weight: 600; }\r\n.promo-product__old { font-size: var(--fs-xs); color: rgba(255,255,255,.35); text-decoration: line-through; margin-left: var(--sp-2); }\r\n.promo-product__badge {\r\n display: inline-block; margin-top: var(--sp-2);\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;\r\n padding: 2px var(--sp-2); border-radius: var(--radius-sm);\r\n background: rgba(192,57,43,.25); color: #ff7b6e; border: 1px solid rgba(192,57,43,.35);\r\n}\r\n\r\n\/* =============================================\r\n TRUST BAND\r\n ============================================= *\/\r\n\r\n.trust-band {\r\n background: var(--clr-bg-warm);\r\n border-top: 1px solid var(--clr-border);\r\n border-bottom: 1px solid var(--clr-border);\r\n padding-block: var(--sp-8);\r\n}\r\n\r\n.trust-band__inner {\r\n display: grid; gap: var(--sp-6);\r\n grid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n@media (min-width: 768px) { .trust-band__inner { grid-template-columns: repeat(4, 1fr); } }\r\n\r\n.trust-item {\r\n display: flex; align-items: center; gap: var(--sp-3);\r\n}\r\n\r\n.trust-item__icon {\r\n width: 48px; height: 48px; flex-shrink: 0;\r\n background: var(--clr-bg-card);\r\n border: 1px solid var(--clr-border);\r\n border-radius: var(--radius-md);\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.trust-item__icon svg { width: 22px; height: 22px; stroke: var(--clr-accent); fill: none; }\r\n\r\n.trust-item__title {\r\n font-size: var(--fs-sm);\r\n font-weight: 600;\r\n color: var(--clr-ink);\r\n line-height: 1.2;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.trust-item__desc {\r\n font-size: var(--fs-xs);\r\n color: var(--clr-ink-muted);\r\n}\r\n\r\n\/* =============================================\r\n FOOTER\r\n ============================================= *\/\r\n\r\n.site-footer {\r\n background: var(--clr-ink);\r\n color: rgba(255,255,255,.65);\r\n padding-top: var(--sp-16);\r\n}\r\n\r\n.footer-main {\r\n display: grid; gap: var(--sp-10);\r\n margin-bottom: var(--sp-12);\r\n}\r\n\r\n@media (min-width: 640px) { .footer-main { grid-template-columns: repeat(2, 1fr); } }\r\n@media (min-width: 1024px){ .footer-main { grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--sp-8); } }\r\n\r\n\/* Footer Brand *\/\r\n.footer-brand__logo {\r\n display: flex; align-items: center; gap: var(--sp-2);\r\n margin-bottom: var(--sp-5);\r\n}\r\n\r\n.footer-brand__logo-mark {\r\n width: 36px; height: 36px;\r\n background: var(--clr-accent);\r\n border-radius: var(--radius-sm);\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n.footer-brand__logo-mark svg { width: 20px; height: 20px; fill: var(--clr-white); }\r\n\r\n.footer-brand__name {\r\n font-family: var(--ff-display);\r\n font-size: var(--fs-xl);\r\n font-weight: 600;\r\n color: var(--clr-white);\r\n letter-spacing: 0.04em;\r\n}\r\n\r\n.footer-brand__desc {\r\n font-size: var(--fs-sm);\r\n line-height: 1.7;\r\n color: rgba(255,255,255,.50);\r\n max-width: 38ch;\r\n margin-bottom: var(--sp-6);\r\n}\r\n\r\n\/* Social icons *\/\r\n.social-links { display: flex; gap: var(--sp-2); }\r\n\r\n.social-link {\r\n width: 38px; height: 38px;\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.10);\r\n border-radius: var(--radius-md);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background var(--transition), border-color var(--transition), transform var(--transition);\r\n}\r\n\r\n.social-link:hover { background: var(--clr-accent); border-color: var(--clr-accent); transform: translateY(-3px); }\r\n.social-link svg { width: 16px; height: 16px; stroke: rgba(255,255,255,.70); fill: none; transition: stroke var(--transition); }\r\n.social-link:hover svg { stroke: var(--clr-white); }\r\n\r\n\/* Footer Nav Column *\/\r\n.footer-col__title {\r\n font-size: var(--fs-xs);\r\n font-weight: 700;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--clr-white);\r\n margin-bottom: var(--sp-5);\r\n}\r\n\r\n.footer-col__links { display: flex; flex-direction: column; gap: var(--sp-2); }\r\n\r\n.footer-col__link {\r\n font-size: var(--fs-sm);\r\n color: rgba(255,255,255,.50);\r\n transition: color var(--transition), padding-left var(--transition);\r\n display: block;\r\n}\r\n\r\n.footer-col__link:hover { color: var(--clr-accent-lt); padding-left: var(--sp-2); }\r\n\r\n\/* Footer Contact *\/\r\n.footer-contact { display: flex; flex-direction: column; gap: var(--sp-3); }\r\n\r\n.footer-contact__item {\r\n display: flex; align-items: flex-start; gap: var(--sp-3);\r\n font-size: var(--fs-sm);\r\n color: rgba(255,255,255,.50);\r\n}\r\n\r\n.footer-contact__item svg { width: 16px; height: 16px; stroke: var(--clr-accent); fill: none; flex-shrink: 0; margin-top: 2px; }\r\n\r\n\/* Newsletter *\/\r\n.footer-newsletter { margin-top: var(--sp-5); }\r\n\r\n.footer-newsletter p {\r\n font-size: var(--fs-xs);\r\n color: rgba(255,255,255,.45);\r\n margin-bottom: var(--sp-3);\r\n letter-spacing: 0.04em;\r\n}\r\n\r\n.newsletter-form {\r\n display: flex; overflow: hidden;\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius: var(--radius-full);\r\n transition: border-color var(--transition), box-shadow var(--transition);\r\n}\r\n\r\n.newsletter-form:focus-within {\r\n border-color: var(--clr-accent);\r\n box-shadow: 0 0 0 3px rgba(184,134,11,.15);\r\n}\r\n\r\n.newsletter-form input {\r\n flex: 1;\r\n padding: var(--sp-3) var(--sp-4);\r\n background: transparent; border: none; outline: none;\r\n color: var(--clr-white); font-size: var(--fs-sm);\r\n}\r\n\r\n.newsletter-form input::placeholder { color: rgba(255,255,255,.30); }\r\n\r\n.newsletter-form button {\r\n padding: var(--sp-3) var(--sp-5);\r\n background: var(--clr-accent);\r\n color: var(--clr-white);\r\n font-size: var(--fs-xs);\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n border-radius: var(--radius-full);\r\n margin: 3px;\r\n transition: background var(--transition);\r\n white-space: nowrap;\r\n}\r\n\r\n.newsletter-form button:hover { background: var(--clr-accent-dk); }\r\n\r\n\/* Footer Bottom *\/\r\n.footer-bottom {\r\n border-top: 1px solid rgba(255,255,255,.08);\r\n padding-block: var(--sp-6);\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: var(--sp-4);\r\n}\r\n\r\n.footer-bottom__copy {\r\n font-size: var(--fs-xs);\r\n color: rgba(255,255,255,.30);\r\n}\r\n\r\n.footer-bottom__copy a { color: rgba(255,255,255,.45); transition: color var(--transition); }\r\n.footer-bottom__copy a:hover { color: var(--clr-accent-lt); }\r\n\r\n.footer-bottom__payment {\r\n display: flex; align-items: center; gap: var(--sp-3);\r\n}\r\n\r\n.payment-icon {\r\n display: flex; align-items: center;\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.10);\r\n border-radius: var(--radius-sm);\r\n padding: var(--sp-1) var(--sp-3);\r\n font-size: var(--fs-xs);\r\n font-weight: 700;\r\n letter-spacing: 0.06em;\r\n color: rgba(255,255,255,.50);\r\n}\r\n\r\n\/* =============================================\r\n ANIMATIONS\r\n ============================================= *\/\r\n\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* =============================================\r\n ACCESSIBILITY & UTILITY\r\n ============================================= *\/\r\n\r\n.sr-only {\r\n position: absolute; width: 1px; height: 1px;\r\n padding: 0; margin: -1px; overflow: hidden;\r\n clip: rect(0,0,0,0); border: 0;\r\n}\r\n\r\n:focus-visible {\r\n outline: 2px solid var(--clr-accent);\r\n outline-offset: 3px;\r\n}\r\n\r\n\/* Scrollbar *\/\r\n::-webkit-scrollbar { width: 6px; }\r\n::-webkit-scrollbar-track { background: transparent; }\r\n::-webkit-scrollbar-thumb { background: var(--clr-border); border-radius: 3px; }\r\n::-webkit-scrollbar-thumb:hover { background: var(--clr-ink-muted); }\r\n\r\n\/* =============================================\r\n BACK TO TOP\r\n ============================================= *\/\r\n\r\n.back-to-top {\r\n position: fixed;\r\n bottom: var(--sp-6); right: var(--sp-6);\r\n width: 44px; height: 44px;\r\n background: var(--clr-ink);\r\n color: var(--clr-white);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer;\r\n box-shadow: var(--shadow-lg);\r\n opacity: 0; pointer-events: none;\r\n transform: translateY(12px);\r\n transition: opacity var(--transition), transform var(--transition), background var(--transition);\r\n z-index: 800;\r\n}\r\n\r\n.back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }\r\n.back-to-top:hover { background: var(--clr-accent); }\r\n.back-to-top svg { width: 18px; height: 18px; stroke: currentColor; fill: none; }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- =============================================\r\n HEADER \/ NAVBAR\r\n WordPress: get_header() \u2192 header.php\r\n ============================================= -->\r\n<header class=\"site-header\" id=\"site-header\" role=\"banner\">\r\n <div class=\"container\">\r\n <div class=\"header-inner\">\r\n\r\n <!-- Logo -->\r\n <a href=\"#\" class=\"site-logo\" aria-label=\"Luxe Store Ana Sayfa\">\r\n <div class=\"site-logo__mark\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n <\/div>\r\n <span class=\"site-logo__text\">LUXE<span>.<\/span><\/span>\r\n <\/a>\r\n\r\n <!-- Primary Navigation -->\r\n <nav class=\"primary-nav\" aria-label=\"Ana Men\u00fc\">\r\n <a href=\"#\" class=\"primary-nav__link active\">Ana Sayfa<\/a>\r\n <a href=\"#\" class=\"primary-nav__link\">Ma\u011faza<\/a>\r\n <a href=\"#\" class=\"primary-nav__link\">Kategoriler<\/a>\r\n <a href=\"#\" class=\"primary-nav__link\">\u0130leti\u015fim<\/a>\r\n <\/nav>\r\n\r\n <!-- Header Actions -->\r\n <div class=\"header-actions\">\r\n\r\n <!-- Search -->\r\n <div class=\"header-search\" role=\"search\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\r\n <input type=\"search\" placeholder=\"\u00dcr\u00fcn ara\u2026\" aria-label=\"\u00dcr\u00fcn Ara\">\r\n <\/div>\r\n\r\n <!-- Wishlist -->\r\n <button class=\"icon-btn\" aria-label=\"\u0130stek Listesi\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/button>\r\n\r\n <!-- Account -->\r\n <button class=\"icon-btn\" aria-label=\"Hesab\u0131m\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n <\/button>\r\n\r\n <!-- Cart \u2014 WooCommerce: wc_get_cart_count() -->\r\n <button class=\"icon-btn\" aria-label=\"Sepet (3 \u00fcr\u00fcn)\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n <span class=\"cart-badge\" aria-hidden=\"true\">3<\/span>\r\n <\/button>\r\n\r\n <!-- Mobile Menu Toggle -->\r\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Men\u00fcy\u00fc A\u00e7\" aria-expanded=\"false\" aria-controls=\"mobileNav\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- Mobile Navigation -->\r\n<nav class=\"mobile-nav\" id=\"mobileNav\" aria-label=\"Mobil Men\u00fc\" aria-hidden=\"true\">\r\n <a href=\"#\" class=\"mobile-nav__link\">Ana Sayfa<\/a>\r\n <a href=\"#\" class=\"mobile-nav__link\">Ma\u011faza<\/a>\r\n <a href=\"#\" class=\"mobile-nav__link\">Kategoriler<\/a>\r\n <a href=\"#\" class=\"mobile-nav__link\">Kampanyalar<\/a>\r\n <a href=\"#\" class=\"mobile-nav__link\">\u0130leti\u015fim<\/a>\r\n <div class=\"mobile-nav__search\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\r\n <input type=\"search\" placeholder=\"\u00dcr\u00fcn ara\u2026\" aria-label=\"\u00dcr\u00fcn Ara\">\r\n <\/div>\r\n<\/nav>\r\n\r\n\r\n<!-- =============================================\r\n MAIN CONTENT\r\n WordPress: get_template_part('template-parts\/home')\r\n ============================================= -->\r\n<main id=\"main-content\">\r\n\r\n <!-- =============================================\r\n HERO SECTION\r\n ============================================= -->\r\n <section class=\"hero\" aria-label=\"Ana Banner\">\r\n\r\n <!-- Hero Content -->\r\n <div class=\"hero__content\">\r\n <p class=\"hero__eyebrow\">2025 Koleksiyonu<\/p>\r\n <h1 class=\"hero__title\">\r\n Kaliteyi<br>\r\n <em>Hisseden<\/em><br>\r\n Ya\u015far\r\n <\/h1>\r\n <p class=\"hero__desc\">\r\n Premium \u00fcr\u00fcnler, zarif tasar\u0131mlar ve benzersiz al\u0131\u015fveri\u015f deneyimiyle hayat\u0131n\u0131za de\u011fer kat\u0131yoruz. Her par\u00e7a, bir hik\u00e2yedir.\r\n <\/p>\r\n <div class=\"hero__actions\">\r\n <a href=\"#products\" class=\"btn btn--primary\">\r\n Al\u0131\u015fveri\u015fe Ba\u015fla\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#categories\" class=\"btn btn--outline\">\r\n Kategoriler\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero__stats\">\r\n <div>\r\n <div class=\"hero__stat-value\">8.4K+<\/div>\r\n <div class=\"hero__stat-label\">Mutlu M\u00fc\u015fteri<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"hero__stat-value\">1.2K+<\/div>\r\n <div class=\"hero__stat-label\">\u00dcr\u00fcn \u00c7e\u015fidi<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"hero__stat-value\">4.9\u2605<\/div>\r\n <div class=\"hero__stat-label\">Ortalama Puan<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hero Visual -->\r\n <div class=\"hero__visual\" aria-hidden=\"true\">\r\n <!-- WordPress: the_post_thumbnail() or wp_get_attachment_image() -->\r\n <div class=\"hero__visual-placeholder\">\r\n <div class=\"hero__visual-shape\"><\/div>\r\n <div class=\"hero__visual-shape\"><\/div>\r\n <div class=\"hero__visual-shape\"><\/div>\r\n <span class=\"hero__visual-label\">LUXE<\/span>\r\n <\/div>\r\n\r\n <!-- Floating Badge -->\r\n <div class=\"hero__badge\">\r\n <div class=\"hero__badge-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"hero__badge-title\">%100 G\u00fcvenceli<\/div>\r\n <div class=\"hero__badge-sub\">SSL Korumal\u0131 \u00d6deme<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- =============================================\r\n TRUST BAND\r\n ============================================= -->\r\n <div class=\"trust-band\" role=\"region\" aria-label=\"G\u00fcven Unsurlar\u0131\">\r\n <div class=\"container\">\r\n <div class=\"trust-band__inner\">\r\n\r\n <div class=\"trust-item reveal\">\r\n <div class=\"trust-item__icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"trust-item__title\">\u00dccretsiz Kargo<\/div>\r\n <div class=\"trust-item__desc\">300\u20ba \u00fczeri sipari\u015flerde<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trust-item reveal\">\r\n <div class=\"trust-item__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"trust-item__title\">Kolay \u0130ade<\/div>\r\n <div class=\"trust-item__desc\">30 g\u00fcn i\u00e7inde iade garantisi<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trust-item reveal\">\r\n <div class=\"trust-item__icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"trust-item__title\">G\u00fcvenli \u00d6deme<\/div>\r\n <div class=\"trust-item__desc\">256-bit SSL \u015fifreleme<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trust-item reveal\">\r\n <div class=\"trust-item__icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.37 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.69a16 16 0 0 0 6 6l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"trust-item__title\">7\/24 Destek<\/div>\r\n <div class=\"trust-item__desc\">Her zaman yan\u0131n\u0131zday\u0131z<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <!-- =============================================\r\n FEATURED PRODUCTS\r\n WordPress: WooCommerce shortcode \/ wc_get_products()\r\n ============================================= -->\r\n <section class=\"products-section section\" id=\"products\" aria-labelledby=\"products-title\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section__header\">\r\n <div>\r\n <p class=\"section__eyebrow\">\u00d6ne \u00c7\u0131kanlar<\/p>\r\n <h2 class=\"section__title\" id=\"products-title\">Se\u00e7ili \u00dcr\u00fcnler<\/h2>\r\n <\/div>\r\n <a href=\"#\" class=\"section__link\">\r\n T\u00fcm\u00fcn\u00fc G\u00f6r\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Filter Tabs -->\r\n <div class=\"products-filter\" role=\"group\" aria-label=\"\u00dcr\u00fcn Filtresi\">\r\n <button class=\"filter-btn active\" data-filter=\"all\">T\u00fcm\u00fc<\/button>\r\n <button class=\"filter-btn\" data-filter=\"new\">Yeni Gelenler<\/button>\r\n <button class=\"filter-btn\" data-filter=\"sale\">\u0130ndirimli<\/button>\r\n <button class=\"filter-btn\" data-filter=\"popular\">\u00c7ok Satanlar<\/button>\r\n <\/div>\r\n\r\n <!-- Products Grid \u2014 WooCommerce ul.products equivalent -->\r\n <ul class=\"products-grid\" role=\"list\">\r\n\r\n <!-- Product 1 -->\r\n <li class=\"wc-product reveal\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"wc-product__thumb\">\r\n <!-- wp_get_attachment_image() goes here -->\r\n <div class=\"wc-product__placeholder\" style=\"background:linear-gradient(145deg,#f0ebe3,#e8ddd0);\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44z\"\/><path d=\"M10.59 15.41a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wc-product__badges\">\r\n <span class=\"badge badge--new\">Yeni<\/span>\r\n <\/div>\r\n <button class=\"wc-product__wishlist\" aria-label=\"\u0130stek listesine ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/button>\r\n <div class=\"wc-product__quick-view\" role=\"button\" tabindex=\"0\">H\u0131zl\u0131 Bak\u0131\u015f<\/div>\r\n <\/div>\r\n <div class=\"wc-product__info\">\r\n <span class=\"wc-product__cat\" itemprop=\"category\">Aksesuarlar<\/span>\r\n <h3 class=\"wc-product__title\" itemprop=\"name\">\r\n <a href=\"#\">Minimalist Deri C\u00fczdan<\/a>\r\n <\/h3>\r\n <div class=\"wc-product__stars\">\r\n <div class=\"stars\" aria-label=\"5 \u00fczerinden 4.8 y\u0131ld\u0131z\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" class=\"empty\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <\/div>\r\n <span class=\"wc-product__review-count\">(124)<\/span>\r\n <\/div>\r\n <div class=\"wc-product__price-row\">\r\n <div class=\"wc-product__price\" itemprop=\"offers\" itemscope itemtype=\"http:\/\/schema.org\/Offer\">\r\n <span class=\"price\" itemprop=\"price\">\u20ba489<\/span>\r\n <\/div>\r\n <button class=\"add-to-cart\" aria-label=\"Minimalist Deri C\u00fczdan sepete ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n Ekle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n\r\n <!-- Product 2 -->\r\n <li class=\"wc-product reveal\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"wc-product__thumb\">\r\n <div class=\"wc-product__placeholder\" style=\"background:linear-gradient(145deg,#e8eef3,#d4dde6);\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wc-product__badges\">\r\n <span class=\"badge badge--sale\">%30 \u0130ndirim<\/span>\r\n <\/div>\r\n <button class=\"wc-product__wishlist\" aria-label=\"\u0130stek listesine ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/button>\r\n <div class=\"wc-product__quick-view\" role=\"button\" tabindex=\"0\">H\u0131zl\u0131 Bak\u0131\u015f<\/div>\r\n <\/div>\r\n <div class=\"wc-product__info\">\r\n <span class=\"wc-product__cat\">Saatler<\/span>\r\n <h3 class=\"wc-product__title\" itemprop=\"name\">\r\n <a href=\"#\">Klasik Kol Saati<\/a>\r\n <\/h3>\r\n <div class=\"wc-product__stars\">\r\n <div class=\"stars\" aria-label=\"5 \u00fczerinden 5 y\u0131ld\u0131z\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <\/div>\r\n <span class=\"wc-product__review-count\">(89)<\/span>\r\n <\/div>\r\n <div class=\"wc-product__price-row\">\r\n <div class=\"wc-product__price\">\r\n <span class=\"price price--sale\">\u20ba1.249<\/span>\r\n <span class=\"price price--old\">\u20ba1.790<\/span>\r\n <\/div>\r\n <button class=\"add-to-cart\" aria-label=\"Klasik Kol Saati sepete ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n Ekle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n\r\n <!-- Product 3 -->\r\n <li class=\"wc-product reveal\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"wc-product__thumb\">\r\n <div class=\"wc-product__placeholder\" style=\"background:linear-gradient(145deg,#ede8e0,#ddd5c8);\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wc-product__badges\">\r\n <span class=\"badge badge--hot\">\ud83d\udd25 \u00c7ok Sat\u0131lan<\/span>\r\n <\/div>\r\n <button class=\"wc-product__wishlist\" aria-label=\"\u0130stek listesine ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/button>\r\n <div class=\"wc-product__quick-view\" role=\"button\" tabindex=\"0\">H\u0131zl\u0131 Bak\u0131\u015f<\/div>\r\n <\/div>\r\n <div class=\"wc-product__info\">\r\n <span class=\"wc-product__cat\">\u00c7antalar<\/span>\r\n <h3 class=\"wc-product__title\" itemprop=\"name\">\r\n <a href=\"#\">Vintage Omuz \u00c7antas\u0131<\/a>\r\n <\/h3>\r\n <div class=\"wc-product__stars\">\r\n <div class=\"stars\" aria-label=\"5 \u00fczerinden 4.6 y\u0131ld\u0131z\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" class=\"empty\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <\/div>\r\n <span class=\"wc-product__review-count\">(203)<\/span>\r\n <\/div>\r\n <div class=\"wc-product__price-row\">\r\n <div class=\"wc-product__price\">\r\n <span class=\"price\">\u20ba879<\/span>\r\n <\/div>\r\n <button class=\"add-to-cart\" aria-label=\"Vintage Omuz \u00c7antas\u0131 sepete ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n Ekle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n\r\n <!-- Product 4 -->\r\n <li class=\"wc-product reveal\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"wc-product__thumb\">\r\n <div class=\"wc-product__placeholder\" style=\"background:linear-gradient(145deg,#eef0ee,#dde3dc);\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <button class=\"wc-product__wishlist\" aria-label=\"\u0130stek listesine ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/button>\r\n <div class=\"wc-product__quick-view\" role=\"button\" tabindex=\"0\">H\u0131zl\u0131 Bak\u0131\u015f<\/div>\r\n <\/div>\r\n <div class=\"wc-product__info\">\r\n <span class=\"wc-product__cat\">Dekorasyon<\/span>\r\n <h3 class=\"wc-product__title\" itemprop=\"name\">\r\n <a href=\"#\">El Yap\u0131m\u0131 Seramik Set<\/a>\r\n <\/h3>\r\n <div class=\"wc-product__stars\">\r\n <div class=\"stars\" aria-label=\"5 \u00fczerinden 4.9 y\u0131ld\u0131z\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <\/div>\r\n <span class=\"wc-product__review-count\">(67)<\/span>\r\n <\/div>\r\n <div class=\"wc-product__price-row\">\r\n <div class=\"wc-product__price\">\r\n <span class=\"price\">\u20ba1.150<\/span>\r\n <\/div>\r\n <button class=\"add-to-cart\" aria-label=\"El Yap\u0131m\u0131 Seramik Set sepete ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n Ekle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n\r\n <!-- Product 5 -->\r\n <li class=\"wc-product reveal\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"wc-product__thumb\">\r\n <div class=\"wc-product__placeholder\" style=\"background:linear-gradient(145deg,#f0e8ec,#e0d0d8);\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wc-product__badges\">\r\n <span class=\"badge badge--new\">Yeni<\/span>\r\n <span class=\"badge badge--sale\">%20<\/span>\r\n <\/div>\r\n <button class=\"wc-product__wishlist\" aria-label=\"\u0130stek listesine ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/button>\r\n <div class=\"wc-product__quick-view\" role=\"button\" tabindex=\"0\">H\u0131zl\u0131 Bak\u0131\u015f<\/div>\r\n <\/div>\r\n <div class=\"wc-product__info\">\r\n <span class=\"wc-product__cat\">Kozmetik<\/span>\r\n <h3 class=\"wc-product__title\" itemprop=\"name\">\r\n <a href=\"#\">Organik G\u00fcl Ya\u011f\u0131<\/a>\r\n <\/h3>\r\n <div class=\"wc-product__stars\">\r\n <div class=\"stars\" aria-label=\"5 \u00fczerinden 4.7 y\u0131ld\u0131z\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" class=\"empty\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <\/div>\r\n <span class=\"wc-product__review-count\">(148)<\/span>\r\n <\/div>\r\n <div class=\"wc-product__price-row\">\r\n <div class=\"wc-product__price\">\r\n <span class=\"price price--sale\">\u20ba299<\/span>\r\n <span class=\"price price--old\">\u20ba375<\/span>\r\n <\/div>\r\n <button class=\"add-to-cart\" aria-label=\"Organik G\u00fcl Ya\u011f\u0131 sepete ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n Ekle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n\r\n <!-- Product 6 -->\r\n <li class=\"wc-product reveal\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"wc-product__thumb\">\r\n <div class=\"wc-product__placeholder\" style=\"background:linear-gradient(145deg,#e8e8f0,#d8d8e8);\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wc-product__badges\">\r\n <span class=\"badge badge--hot\">Trend<\/span>\r\n <\/div>\r\n <button class=\"wc-product__wishlist\" aria-label=\"\u0130stek listesine ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/button>\r\n <div class=\"wc-product__quick-view\" role=\"button\" tabindex=\"0\">H\u0131zl\u0131 Bak\u0131\u015f<\/div>\r\n <\/div>\r\n <div class=\"wc-product__info\">\r\n <span class=\"wc-product__cat\">Teknoloji<\/span>\r\n <h3 class=\"wc-product__title\" itemprop=\"name\">\r\n <a href=\"#\">Kablosuz \u015earj Stand\u0131<\/a>\r\n <\/h3>\r\n <div class=\"wc-product__stars\">\r\n <div class=\"stars\" aria-label=\"5 \u00fczerinden 4.5 y\u0131ld\u0131z\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" class=\"empty\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <\/div>\r\n <span class=\"wc-product__review-count\">(91)<\/span>\r\n <\/div>\r\n <div class=\"wc-product__price-row\">\r\n <div class=\"wc-product__price\">\r\n <span class=\"price\">\u20ba649<\/span>\r\n <\/div>\r\n <button class=\"add-to-cart\" aria-label=\"Kablosuz \u015earj Stand\u0131 sepete ekle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n Ekle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n\r\n <\/ul>\r\n <!-- \/end .products-grid -->\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- =============================================\r\n CATEGORIES SECTION\r\n WordPress: get_terms('product_cat') or WooCommerce shortcode\r\n ============================================= -->\r\n <section class=\"categories-section section\" id=\"categories\" aria-labelledby=\"cat-title\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section__header\">\r\n <div>\r\n <p class=\"section__eyebrow\">Ke\u015ffet<\/p>\r\n <h2 class=\"section__title\" id=\"cat-title\">Kategoriler<\/h2>\r\n <\/div>\r\n <a href=\"#\" class=\"section__link\">\r\n T\u00fcm Kategoriler\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"categories-grid\" role=\"list\">\r\n\r\n <a href=\"#\" class=\"category-card reveal\" role=\"listitem\" aria-label=\"Aksesuarlar kategorisi\">\r\n <div class=\"category-card__bg cat--1\" aria-hidden=\"true\">\r\n <div class=\"category-card__placeholder\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44z\"\/><path d=\"M10.59 15.41a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card__overlay\"><\/div>\r\n <div class=\"category-card__content\">\r\n <div class=\"category-card__name\">Aksesuarlar<\/div>\r\n <div class=\"category-card__count\">248 \u00dcr\u00fcn<\/div>\r\n <div class=\"category-card__arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"category-card reveal\" role=\"listitem\" aria-label=\"\u00c7antalar kategorisi\">\r\n <div class=\"category-card__bg cat--2\" aria-hidden=\"true\">\r\n <div class=\"category-card__placeholder\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card__overlay\"><\/div>\r\n <div class=\"category-card__content\">\r\n <div class=\"category-card__name\">\u00c7antalar<\/div>\r\n <div class=\"category-card__count\">136 \u00dcr\u00fcn<\/div>\r\n <div class=\"category-card__arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"category-card reveal\" role=\"listitem\" aria-label=\"Saatler kategorisi\">\r\n <div class=\"category-card__bg cat--3\" aria-hidden=\"true\">\r\n <div class=\"category-card__placeholder\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card__overlay\"><\/div>\r\n <div class=\"category-card__content\">\r\n <div class=\"category-card__name\">Saatler<\/div>\r\n <div class=\"category-card__count\">84 \u00dcr\u00fcn<\/div>\r\n <div class=\"category-card__arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"category-card reveal\" role=\"listitem\" aria-label=\"Dekorasyon kategorisi\">\r\n <div class=\"category-card__bg cat--4\" aria-hidden=\"true\">\r\n <div class=\"category-card__placeholder\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card__overlay\"><\/div>\r\n <div class=\"category-card__content\">\r\n <div class=\"category-card__name\">Dekorasyon<\/div>\r\n <div class=\"category-card__count\">193 \u00dcr\u00fcn<\/div>\r\n <div class=\"category-card__arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- =============================================\r\n PROMO \/ CAMPAIGN SECTION\r\n ============================================= -->\r\n <section class=\"promo-section section\" aria-labelledby=\"promo-title\">\r\n <div class=\"container\" style=\"position:relative;\">\r\n <div class=\"promo-inner\">\r\n\r\n <!-- Promo Left -->\r\n <div>\r\n <p class=\"promo__eyebrow\">\u26a1 S\u0131n\u0131rl\u0131 S\u00fcre<\/p>\r\n <h2 class=\"promo__title reveal\" id=\"promo-title\">\r\n Yaz Sezonu<br>\r\n <strong>%40'a Varan<\/strong><br>\r\n \u0130ndirimler\r\n <\/h2>\r\n <p class=\"promo__desc reveal\">\r\n Se\u00e7ili \u00fcr\u00fcnlerde b\u00fcy\u00fck indirimler sizi bekliyor. Bu f\u0131rsatlar\u0131 ka\u00e7\u0131rmamak i\u00e7in hemen harekete ge\u00e7in.\r\n <\/p>\r\n <div class=\"promo__offers reveal\">\r\n <span class=\"promo__tag\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 12 20 22 4 22 4 12\"\/><rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"\/><path d=\"M12 22V7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\/><\/svg>\r\n \u00dccretsiz Kargo\r\n <\/span>\r\n <span class=\"promo__tag\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n Bug\u00fcn Sipari\u015fe 2 G\u00fcn\r\n <\/span>\r\n <span class=\"promo__tag\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n G\u00fcvenceli \u0130ade\r\n <\/span>\r\n <\/div>\r\n\r\n <!-- Countdown -->\r\n <div class=\"promo__countdown reveal\" aria-label=\"Kampanya biti\u015f sayac\u0131\">\r\n <div class=\"countdown-block\">\r\n <span class=\"countdown-block__num\" id=\"cd-hours\">08<\/span>\r\n <span class=\"countdown-block__label\">Saat<\/span>\r\n <\/div>\r\n <div class=\"countdown-block\">\r\n <span class=\"countdown-block__num\" id=\"cd-mins\">34<\/span>\r\n <span class=\"countdown-block__label\">Dakika<\/span>\r\n <\/div>\r\n <div class=\"countdown-block\">\r\n <span class=\"countdown-block__num\" id=\"cd-secs\">17<\/span>\r\n <span class=\"countdown-block__label\">Saniye<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top:var(--sp-8);\">\r\n <a href=\"#\" class=\"btn btn--accent\">\r\n Kampanyalar\u0131 G\u00f6r\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Promo Right \u2014 Featured Sale Products -->\r\n <div class=\"promo__products\">\r\n <a href=\"#\" class=\"promo-product reveal\">\r\n <div class=\"promo-product__img-wrap\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"promo-product__name\">Alt\u0131n Kaplama Kolye<\/div>\r\n <div>\r\n <span class=\"promo-product__price\">\u20ba359<\/span>\r\n <span class=\"promo-product__old\">\u20ba599<\/span>\r\n <\/div>\r\n <span class=\"promo-product__badge\">%40 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"promo-product reveal\">\r\n <div class=\"promo-product__img-wrap\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"promo-product__name\">Deri Kemer Set<\/div>\r\n <div>\r\n <span class=\"promo-product__price\">\u20ba449<\/span>\r\n <span class=\"promo-product__old\">\u20ba700<\/span>\r\n <\/div>\r\n <span class=\"promo-product__badge\">%36 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"promo-product reveal\">\r\n <div class=\"promo-product__img-wrap\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"promo-product__name\">Bluetooth Hoparl\u00f6r<\/div>\r\n <div>\r\n <span class=\"promo-product__price\">\u20ba899<\/span>\r\n <span class=\"promo-product__old\">\u20ba1.290<\/span>\r\n <\/div>\r\n <span class=\"promo-product__badge\">%30 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"promo-product reveal\">\r\n <div class=\"promo-product__img-wrap\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"promo-product__name\">Parf\u00fcm Koleksiyonu<\/div>\r\n <div>\r\n <span class=\"promo-product__price\">\u20ba649<\/span>\r\n <span class=\"promo-product__old\">\u20ba990<\/span>\r\n <\/div>\r\n <span class=\"promo-product__badge\">%34 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/main>\r\n<!-- \/end #main-content -->\r\n\r\n\r\n<!-- =============================================\r\n FOOTER\r\n WordPress: get_footer() \u2192 footer.php\r\n ============================================= -->\r\n<footer class=\"site-footer\" role=\"contentinfo\">\r\n <div class=\"container\">\r\n <div class=\"footer-main\">\r\n\r\n <!-- Brand Column -->\r\n <div>\r\n <div class=\"footer-brand__logo\">\r\n <div class=\"footer-brand__logo-mark\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n <\/div>\r\n <span class=\"footer-brand__name\">LUXE<\/span>\r\n <\/div>\r\n <p class=\"footer-brand__desc\">\r\n Premium ya\u015fam tarz\u0131 \u00fcr\u00fcnleri ile g\u00fcnl\u00fck rutinlerinizi \u00f6zel bir deneyime d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz. Kaliteden \u00f6d\u00fcn vermeden \u015f\u0131kl\u0131\u011f\u0131 ke\u015ffedin.\r\n <\/p>\r\n <div class=\"social-links\" aria-label=\"Sosyal Medya\">\r\n <!-- Instagram -->\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <!-- Twitter\/X -->\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"\/><\/svg>\r\n <\/a>\r\n <!-- Facebook -->\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n <\/a>\r\n <!-- YouTube -->\r\n <a href=\"#\" class=\"social-link\" aria-label=\"YouTube\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Newsletter -->\r\n <div class=\"footer-newsletter\">\r\n <p>Kampanyalardan ilk siz haberdar olun:<\/p>\r\n <div class=\"newsletter-form\" role=\"form\" aria-label=\"E-posta Aboneli\u011fi\">\r\n <input type=\"email\" placeholder=\"E-posta adresiniz\" aria-label=\"E-posta adresiniz\">\r\n <button type=\"submit\">Abone Ol<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Quick Links -->\r\n <nav aria-label=\"H\u0131zl\u0131 Linkler\">\r\n <p class=\"footer-col__title\">Ma\u011faza<\/p>\r\n <ul class=\"footer-col__links\">\r\n <li><a href=\"#\" class=\"footer-col__link\">T\u00fcm \u00dcr\u00fcnler<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">Yeni Gelenler<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">\u00c7ok Satanlar<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">Kampanyalar<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">Hediye Kart\u0131<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <!-- Help -->\r\n <nav aria-label=\"Yard\u0131m\">\r\n <p class=\"footer-col__title\">Yard\u0131m<\/p>\r\n <ul class=\"footer-col__links\">\r\n <li><a href=\"#\" class=\"footer-col__link\">Sipari\u015f Takibi<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">Kargo Bilgileri<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">\u0130ade & De\u011fi\u015fim<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">Gizlilik Politikas\u0131<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-col__link\">Kullan\u0131m \u015eartlar\u0131<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <!-- Contact -->\r\n <div>\r\n <p class=\"footer-col__title\">\u0130leti\u015fim<\/p>\r\n <address class=\"footer-contact\" style=\"font-style:normal;\">\r\n <div class=\"footer-contact__item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <span>Ba\u011fc\u0131lar, \u0130stanbul<br>T\u00fcrkiye, 34200<\/span>\r\n <\/div>\r\n <div class=\"footer-contact__item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.37 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.69a16 16 0 0 0 6 6l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n <a href=\"tel:+902121234567\">+90 (212) 123 45 67<\/a>\r\n <\/div>\r\n <div class=\"footer-contact__item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <a href=\"mailto:info@luxestore.com\">info@luxestore.com<\/a>\r\n <\/div>\r\n <\/address>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Footer Bottom Bar -->\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-bottom__copy\">\r\n \u00a9 2025 <a href=\"#\">LUXE Store<\/a>. T\u00fcm haklar\u0131 sakl\u0131d\u0131r.\r\n Powered by <a href=\"#\">WordPress<\/a> & <a href=\"#\">WooCommerce<\/a>.\r\n <\/p>\r\n <div class=\"footer-bottom__payment\" aria-label=\"\u00d6deme Y\u00f6ntemleri\">\r\n <span class=\"payment-icon\">VISA<\/span>\r\n <span class=\"payment-icon\">MC<\/span>\r\n <span class=\"payment-icon\">3D<\/span>\r\n <span class=\"payment-icon\">\u0130yzico<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- Back to Top -->\r\n<button class=\"back-to-top\" id=\"backToTop\" aria-label=\"Sayfan\u0131n ba\u015f\u0131na d\u00f6n\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 15l-6-6-6 6\"\/><\/svg>\r\n<\/button>\r\n\r\n\r\n<!-- =============================================\r\n JAVASCRIPT \u2014 Minimal & Vanilla\r\n WordPress: wp_enqueue_script() \u2192 assets\/js\/main.js\r\n ============================================= -->\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n \/* --- Header Scroll State --- *\/\r\n const header = document.getElementById('site-header');\r\n let lastScroll = 0;\r\n\r\n window.addEventListener('scroll', () => {\r\n const y = window.scrollY;\r\n header.classList.toggle('scrolled', y > 20);\r\n lastScroll = y;\r\n }, { passive: true });\r\n\r\n \/* --- Mobile Nav Toggle --- *\/\r\n const toggle = document.getElementById('menuToggle');\r\n const mobileNav = document.getElementById('mobileNav');\r\n\r\n toggle.addEventListener('click', () => {\r\n const isOpen = mobileNav.classList.toggle('open');\r\n toggle.setAttribute('aria-expanded', isOpen);\r\n mobileNav.setAttribute('aria-hidden', !isOpen);\r\n document.body.style.overflow = isOpen ? 'hidden' : '';\r\n });\r\n\r\n \/* Close on outside click *\/\r\n document.addEventListener('click', (e) => {\r\n if (mobileNav.classList.contains('open') && !mobileNav.contains(e.target) && !toggle.contains(e.target)) {\r\n mobileNav.classList.remove('open');\r\n toggle.setAttribute('aria-expanded', 'false');\r\n mobileNav.setAttribute('aria-hidden', 'true');\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n\r\n \/* --- Filter Tabs --- *\/\r\n document.querySelectorAll('.filter-btn').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n });\r\n });\r\n\r\n \/* --- Add to Cart Feedback --- *\/\r\n document.querySelectorAll('.add-to-cart').forEach(btn => {\r\n btn.addEventListener('click', function () {\r\n const orig = this.innerHTML;\r\n this.innerHTML = `<svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;stroke:currentColor;fill:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Eklendi`;\r\n this.style.background = 'var(--clr-accent)';\r\n setTimeout(() => {\r\n this.innerHTML = orig;\r\n this.style.background = '';\r\n }, 1500);\r\n\r\n \/* Update cart badge *\/\r\n const badge = document.querySelector('.cart-badge');\r\n if (badge) {\r\n const current = parseInt(badge.textContent, 10) || 0;\r\n badge.textContent = current + 1;\r\n badge.style.transform = 'scale(1.4)';\r\n setTimeout(() => { badge.style.transform = ''; }, 250);\r\n }\r\n });\r\n });\r\n\r\n \/* --- Intersection Observer \u2014 Reveal on Scroll --- *\/\r\n const reveals = document.querySelectorAll('.reveal');\r\n\r\n if ('IntersectionObserver' in window) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.transitionDelay = (i % 4) * 80 + 'ms';\r\n entry.target.classList.add('visible');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n\r\n reveals.forEach(el => io.observe(el));\r\n } else {\r\n reveals.forEach(el => el.classList.add('visible'));\r\n }\r\n\r\n \/* --- Back to Top --- *\/\r\n const btt = document.getElementById('backToTop');\r\n\r\n window.addEventListener('scroll', () => {\r\n btt.classList.toggle('visible', window.scrollY > 400);\r\n }, { passive: true });\r\n\r\n btt.addEventListener('click', () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n\r\n \/* --- Countdown Timer --- *\/\r\n function countdown() {\r\n const hEl = document.getElementById('cd-hours');\r\n const mEl = document.getElementById('cd-mins');\r\n const sEl = document.getElementById('cd-secs');\r\n if (!hEl) return;\r\n\r\n let h = parseInt(hEl.textContent, 10);\r\n let m = parseInt(mEl.textContent, 10);\r\n let s = parseInt(sEl.textContent, 10);\r\n\r\n setInterval(() => {\r\n s--;\r\n if (s < 0) { s = 59; m--; }\r\n if (m < 0) { m = 59; h--; }\r\n if (h < 0) { h = 23; }\r\n hEl.textContent = String(h).padStart(2, '0');\r\n mEl.textContent = String(m).padStart(2, '0');\r\n sEl.textContent = String(s).padStart(2, '0');\r\n }, 1000);\r\n }\r\n\r\n countdown();\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LUXE STORE \u2014 Premium E-Ticaret LUXE. Ana Sayfa Ma\u011faza Kategoriler \u0130leti\u015fim 3 Ana Sayfa Ma\u011faza Kategoriler Kampanyalar \u0130leti\u015fim 2025 Koleksiyonu Kaliteyi Hisseden Ya\u015far Premium \u00fcr\u00fcnler, zarif tasar\u0131mlar ve benzersiz al\u0131\u015fveri\u015f deneyimiyle hayat\u0131n\u0131za de\u011fer kat\u0131yoruz. Her par\u00e7a, bir hik\u00e2yedir. Al\u0131\u015fveri\u015fe Ba\u015fla Kategoriler 8.4K+ Mutlu M\u00fc\u015fteri 1.2K+ \u00dcr\u00fcn \u00c7e\u015fidi 4.9\u2605 Ortalama Puan LUXE %100 G\u00fcvenceli SSL Korumal\u0131 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":4,"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/deneme.snowbilisim.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}