/* * NEROTEX TEMA — tek stil dosyası (theme.json ile birlikte). * Tasarım dili: magaza-prototip.html (v0.2). Renk/yazı/boşluk değerleri theme.json'daki ön ayarlardan gelir. * Sınıf öneki: nx- · Mobil öncelikli: kırılımlar 600 / 768 / 900 / 960 / 1100 px. */ /* ===== Kısaltmalar (tasarım tokenları) ===== * Tüm değerler theme.json'dan. Diğer şablon/eklenti stilleri de bu kısa adları kullanabilir: * renk --c-*, yazı --f-display/--f-body ve 8 adımlı ölçek --fs-xs…--fs-3xl, köşe --r-*, gölge --sh-*, boşluk --sp-*. * Orman (--c-forest) YALNIZ yıkama ve güven işaretleri içindir; tek eylem rengi kil (--c-accent). */ :root { --c-bg: var(--wp--preset--color--zemin); --c-surface: var(--wp--preset--color--yuzey); --c-sand: var(--wp--preset--color--kum); --c-sand-2: var(--wp--preset--color--kum-2); --c-card: var(--wp--preset--color--urun-fonu); --c-ink: var(--wp--preset--color--murekkep); --c-ink-2: var(--wp--preset--color--murekkep-2); --c-line: var(--wp--preset--color--cizgi); --c-line-2: var(--wp--preset--color--cizgi-2); --c-accent: var(--wp--preset--color--kil); --c-accent-hover: var(--wp--preset--color--kil-koyu); --c-accent-soft: var(--wp--preset--color--kil-acik); --c-forest: var(--wp--preset--color--orman); --c-forest-soft: var(--wp--preset--color--orman-acik); --c-forest-line: var(--wp--custom--renk--orman-cizgi); --c-forest-ink: var(--wp--custom--renk--orman-metin); --c-sage: var(--wp--preset--color--adacayi); --c-sage-soft: var(--wp--preset--color--adacayi-acik); --c-star: var(--wp--preset--color--yildiz); --c-dark: var(--wp--preset--color--koyu); --c-dark-2: var(--wp--preset--color--koyu-2); --c-on-dark: var(--wp--preset--color--zemin); --c-on-dark-2: var(--wp--preset--color--koyu-ustu-2); --c-on-dark-accent: var(--wp--custom--renk--koyu-vurgu); --c-danger: var(--wp--preset--color--tehlike); --c-danger-soft: var(--wp--preset--color--tehlike-acik); --c-ok: var(--wp--preset--color--olumlu); --f-display: var(--wp--preset--font-family--serif); --f-body: var(--wp--preset--font-family--sans); --fs-xs: var(--wp--preset--font-size--xs); --fs-sm: var(--wp--preset--font-size--sm); --fs-base: var(--wp--preset--font-size--base); --fs-md: var(--wp--preset--font-size--md); --fs-lg: var(--wp--preset--font-size--lg); --fs-xl: var(--wp--preset--font-size--xl); --fs-2xl: var(--wp--preset--font-size--2-xl, clamp(26px, 6vw, 40px)); --fs-3xl: var(--wp--preset--font-size--3-xl, clamp(34px, 8.6vw, 60px)); --sp-1: var(--wp--preset--spacing--10); --sp-2: var(--wp--preset--spacing--20); --sp-3: var(--wp--preset--spacing--30); --sp-4: var(--wp--preset--spacing--40); --sp-6: var(--wp--preset--spacing--50); --sp-8: var(--wp--preset--spacing--60); --sp-12: var(--wp--preset--spacing--70); --sp-18: var(--wp--preset--spacing--80); --r-sm: var(--wp--custom--radius--sm); --r-md: var(--wp--custom--radius--md); --r-lg: var(--wp--custom--radius--lg); --r-pill: var(--wp--custom--radius--pill); --sh-1: var(--wp--preset--shadow--yumusak); --sh-2: var(--wp--preset--shadow--derin); --gutter: var(--wp--custom--gutter--akiskan); --head-h: var(--wp--custom--head--mobil); --maxw: var(--wp--style--global--wide-size, 1200px); --maxw-ic: calc(var(--maxw) + var(--gutter) * 2); --ease: cubic-bezier(.2, .8, .2, 1); } @media (min-width: 768px) { :root { --head-h: var(--wp--custom--head--genis); } } /* ===== Temel ===== */ html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--head-h) + var(--wp--custom--bosluk--12)); } body { -webkit-font-smoothing: antialiased; overflow-x: hidden; font-synthesis: none; text-rendering: optimizeLegibility; } .wc-block-components-product-price, .nx-price, .woocommerce-Price-amount, .nx-fiyat-aralik { font-variant-numeric: tabular-nums lining-nums; } .wp-site-blocks { padding: 0; } .wp-site-blocks > * { margin-block: 0 !important; } img { max-width: 100%; height: auto; } h1, h2, h3, h4 { text-wrap: balance; } p { text-wrap: pretty; } :where(.wp-site-blocks) :focus-visible { outline: var(--wp--custom--cizgi--3) solid var(--c-accent); outline-offset: var(--wp--custom--cizgi--2); border-radius: var(--wp--custom--yaricap--6); } .screen-reader-text, .nx-sr { position: absolute !important; width: var(--wp--custom--olcu--1); height: var(--wp--custom--olcu--1); overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; margin: calc(var(--wp--custom--bosluk--1) * -1); padding: 0; border: 0; } .skip-link.screen-reader-text:focus { clip: auto; clip-path: none; width: auto; height: auto; z-index: 200; background: var(--c-ink); color: var(--wp--preset--color--beyaz); padding: var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--14); border-radius: var(--wp--custom--yaricap--8); top: var(--wp--custom--bosluk--8); left: var(--wp--custom--bosluk--8); } svg.nx-i { width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); flex: none; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; } svg.nx-i.sm { width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); } .nx-wrap { max-width: var(--maxw-ic); margin: 0 auto; padding-inline: var(--gutter); } .nx-muted { color: var(--c-ink-2); } .nx-main { padding-bottom: 0; } .nx-main > :first-child { margin-top: 0; } :where(.nx-main) > * + * { margin-block-start: 0; } /* ===== Düğmeler ===== */ .wp-element-button, .wp-block-button__link, .nx-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--wp--custom--bosluk--8); min-height: var(--wp--custom--olcu--48); padding: 0 var(--wp--custom--bosluk--22); border-radius: var(--r-pill); font-family: var(--f-body); font-weight: 600; font-size: var(--fs-base); line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .1s; } .wp-element-button:active, .wp-block-button__link:active { transform: translateY(1px); } .nx-btn { background: var(--c-accent); color: var(--wp--preset--color--beyaz); border: var(--wp--custom--cizgi--1-5) solid transparent; } .nx-btn:hover { background: var(--c-accent-hover); color: var(--wp--preset--color--beyaz); } .nx-btn-lg .wp-block-button__link, .nx-btn-lg.wp-element-button { min-height: var(--wp--custom--olcu--52); font-size: var(--fs-base); } .is-style-koyu .wp-block-button__link, .nx-btn.is-koyu { background: var(--c-ink); color: var(--wp--preset--color--beyaz); } .is-style-koyu .wp-block-button__link:hover, .nx-btn.is-koyu:hover { background: var(--wp--custom--renk--siyah); color: var(--wp--preset--color--beyaz); } .is-style-hayalet .wp-block-button__link, .nx-btn.is-hayalet { background: transparent; border-color: var(--c-ink); color: var(--c-ink); } .is-style-hayalet .wp-block-button__link:hover, .nx-btn.is-hayalet:hover { background: var(--c-ink); color: var(--wp--preset--color--beyaz); } .is-style-acik .wp-block-button__link, .nx-btn.is-acik { background: var(--c-on-dark); color: var(--c-dark); } .is-style-acik .wp-block-button__link:hover { background: var(--wp--preset--color--beyaz); color: var(--c-dark); } .nx-btn-ok .wp-block-button__link::after { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; } .wp-element-button[disabled], .wp-element-button[aria-disabled="true"], .wp-element-button.is-disabled { background: var(--wp--custom--renk--pasif) !important; color: var(--wp--custom--renk--pasif-metin) !important; border-color: transparent !important; cursor: not-allowed; } /* Ortak parçalar */ .nx-eyebrow { display: inline-flex; align-items: center; gap: var(--wp--custom--bosluk--8); font-size: var(--fs-xs); letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--c-ink-2); margin: 0; } .nx-eyebrow::before { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--1-5); background: currentColor; } .nx-section { padding-block: var(--sp-12); } @media (min-width: 768px) { .nx-section { padding-block: var(--wp--custom--bosluk--88); } } .nx-sec-head { margin-bottom: var(--sp-6); } .nx-sec-head h2 { font-size: var(--fs-2xl); margin: 0; } .nx-sec-head p { margin: var(--wp--custom--bosluk--8) 0 0; color: var(--c-ink-2); } .nx-pill { display: inline-flex; align-items: center; gap: var(--wp--custom--bosluk--6); border-radius: var(--r-pill); padding: var(--wp--custom--bosluk--4) var(--wp--custom--bosluk--10); font-size: var(--wp--custom--yazi--12-5); font-weight: 600; white-space: nowrap; } .nx-pill-accent { background: var(--c-accent); color: var(--wp--preset--color--beyaz); } .nx-pill-soft { background: var(--c-accent-soft); color: var(--c-accent-hover); } .nx-pill-sage { background: var(--c-sage-soft); color: var(--wp--custom--renk--adacayi-koyu); } .nx-pill-ink { background: var(--c-ink); color: var(--wp--preset--color--beyaz); } .nx-stars { --r: 5; display: inline-block; font-size: var(--wp--custom--yazi--14); letter-spacing: 1px; line-height: 1; background: linear-gradient(90deg, var(--c-star) calc(var(--r) / 5 * 100%), var(--wp--custom--renk--yildiz-bos) 0); -webkit-background-clip: text; background-clip: text; color: transparent; vertical-align: baseline; } .nx-stars::before { content: "★★★★★"; } .nx-chips { display: flex; gap: var(--wp--custom--bosluk--8); overflow-x: auto; scrollbar-width: none; padding-bottom: var(--wp--custom--bosluk--4); margin: 0 calc(var(--gutter) * -1) var(--wp--custom--bosluk--20); padding-inline: var(--gutter); } .nx-chips::-webkit-scrollbar { display: none; } .nx-chip { flex: none; display: inline-flex; align-items: center; min-height: var(--wp--custom--olcu--40); padding: 0 var(--wp--custom--bosluk--16); border-radius: var(--r-pill); border: var(--wp--custom--cizgi--1-5) solid var(--c-line); background: var(--c-surface); font-size: var(--wp--custom--yazi--14-5); font-weight: 500; color: var(--c-ink); text-decoration: none; } .nx-chip:hover { border-color: var(--c-ink); color: var(--c-ink); } .nx-chip[aria-current="page"] { background: var(--c-ink); color: var(--wp--preset--color--beyaz); border-color: var(--c-ink); } .nx-alert { display: flex; gap: var(--wp--custom--bosluk--12); align-items: flex-start; padding: var(--wp--custom--bosluk--14) var(--wp--custom--bosluk--16); border-radius: var(--r-md); font-size: var(--wp--custom--yazi--15); } .nx-alert-info { background: var(--c-sage-soft); color: var(--wp--custom--renk--adacayi-metin); border: var(--wp--custom--cizgi--1) solid var(--wp--custom--renk--adacayi-cizgi); } .nx-empty { text-align: center; padding: var(--wp--custom--bosluk--48) var(--wp--custom--bosluk--16); border: var(--wp--custom--cizgi--1-5) dashed var(--c-line); border-radius: var(--r-lg); background: var(--c-surface); } .nx-empty-ic { width: var(--wp--custom--olcu--72); height: var(--wp--custom--olcu--72); margin: 0 auto var(--wp--custom--bosluk--16); border-radius: 50%; background: var(--c-sand); display: grid; place-items: center; color: var(--c-ink-2); } .nx-empty-ic svg.nx-i { width: var(--wp--custom--olcu--32); height: var(--wp--custom--olcu--32); } .nx-empty h3 { font-size: var(--wp--custom--yazi--24); margin: 0 0 var(--wp--custom--bosluk--8); } .nx-empty p { color: var(--c-ink-2); max-width: 30em; margin: 0 auto var(--wp--custom--bosluk--20); } .nx-more { margin-top: var(--wp--custom--bosluk--32); } /* ===== Duyuru + üst bilgi ===== */ .nx-announce { background: var(--c-dark); color: var(--c-on-dark); font-size: var(--fs-xs); letter-spacing: .01em; padding: var(--wp--custom--bosluk--8) var(--gutter); line-height: 1.4; } .nx-announce-in { max-width: var(--maxw); margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: var(--sp-4); } .nx-announce strong { font-weight: 600; } .nx-announce-b2b { display: none; color: var(--c-on-dark-2); text-decoration: none; white-space: nowrap; } .nx-announce-b2b:hover { color: var(--c-on-dark); text-decoration: underline; } @media (min-width: 900px) { .nx-announce-in { justify-content: space-between; } .nx-announce-b2b { display: inline; } } .nx-head { position: sticky; top: 0; z-index: 50; background: var(--wp--custom--renk--zemin-seffaf); -webkit-backdrop-filter: saturate(1.2) blur(10px); backdrop-filter: saturate(1.2) blur(10px); border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line-2); } .admin-bar .nx-head { top: var(--wp-admin--admin-bar--height, 0); } @media (max-width: 600px) { .admin-bar .nx-head { top: 0; } } .nx-head-in { max-width: var(--maxw-ic); margin: 0 auto; padding-inline: var(--gutter); height: var(--head-h); gap: var(--wp--custom--bosluk--8) !important; position: relative; } .nx-logo { display: flex; align-items: center; flex: none; text-decoration: none; } .nx-logo img { height: var(--wp--custom--olcu--36); width: auto; display: block; } @media (min-width: 768px) { .nx-head .nx-logo img { height: var(--wp--custom--olcu--40); } } .nx-nav ul { list-style: none; margin: 0; padding: 0; } .nx-nav-masaustu { display: none; margin-left: var(--wp--custom--bosluk--24); } .nx-nav-masaustu ul { display: flex; gap: var(--wp--custom--bosluk--4); } .nx-nav-masaustu a { display: block; padding: var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--12); border-radius: var(--r-pill); font-size: var(--fs-base); font-weight: 500; color: var(--c-ink); text-decoration: none; white-space: nowrap; } .nx-nav-masaustu a:hover, .nx-nav-masaustu a[aria-current="page"] { background: var(--c-sand); color: var(--c-ink); } /* WordPress akış düzeni çocukların kenar boşluğunu sıfırlıyor: simgeler sağ kenara yaslansın diye !important */ .nx-head-in > .nx-head-actions { margin-left: auto !important; margin-right: calc(var(--wp--custom--bosluk--6) * -1) !important; gap: 0 !important; } /* Mobil menü (details): büyük dokunma alanı */ .nx-mnav { margin: 0 0 0 calc(var(--wp--custom--bosluk--10) * -1); border: 0 !important; padding: 0; } .nx-mnav > summary { list-style: none; width: var(--wp--custom--olcu--44); height: var(--wp--custom--olcu--44); border-radius: var(--r-pill); display: grid; place-items: center; cursor: pointer; font-size: 0; color: var(--c-ink); } .nx-mnav > summary::-webkit-details-marker { display: none; } .nx-mnav > summary::before { content: ""; width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h10'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h10'/%3E%3C/svg%3E") center/contain no-repeat; } .nx-mnav[open] > summary::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E"); } .nx-mnav > summary:hover { background: var(--c-sand); } .nx-mnav-panel { position: absolute; left: 0; right: 0; top: 100%; background: var(--c-bg); border-top: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line-2); padding: var(--wp--custom--bosluk--8) var(--gutter) var(--wp--custom--bosluk--16); box-shadow: 0 16px 24px var(--wp--custom--renk--golge); } .nx-nav-mobil li a { display: flex; justify-content: space-between; align-items: center; padding: var(--wp--custom--bosluk--12) var(--wp--custom--bosluk--4); min-height: var(--wp--custom--olcu--48); font-family: var(--f-display); font-size: var(--fs-lg); border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line-2); color: var(--c-ink); text-decoration: none; } .nx-mnav-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--wp--custom--bosluk--16); padding: var(--wp--custom--bosluk--12) var(--wp--custom--bosluk--4) 0; font-size: var(--fs-sm); } .nx-mnav-alt a { color: var(--c-ink-2); display: inline-flex; gap: var(--wp--custom--bosluk--6); align-items: center; min-height: var(--wp--custom--olcu--40); } @media (min-width: 960px) { .nx-nav-masaustu { display: block; } .nx-mnav { display: none; } } /* Arama (yalnız düğme → açılır alan) */ .nx-search.wp-block-search { margin: 0; } .nx-search .wp-block-search__button { width: var(--wp--custom--olcu--44); height: var(--wp--custom--olcu--44); min-height: var(--wp--custom--olcu--44); padding: 0; margin: 0; border-radius: var(--r-pill); background: none; color: var(--c-ink); border: 0; display: grid; place-items: center; } .nx-search .wp-block-search__button:hover { background: var(--c-sand); } .nx-search .wp-block-search__button svg { width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); fill: currentColor; } .nx-search .wp-block-search__inside-wrapper { border: 0; padding: 0; background: transparent; } .nx-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { position: absolute; left: var(--gutter); right: calc(var(--gutter) + var(--wp--custom--bosluk--96)); top: 50%; transform: translateY(-50%); width: auto; z-index: 3; min-height: var(--wp--custom--olcu--44); border: var(--wp--custom--cizgi--1-5) solid var(--c-line); border-radius: var(--r-pill); background: var(--c-surface); padding: 0 var(--wp--custom--bosluk--18); font-size: var(--wp--custom--yazi--16); box-shadow: var(--sh-1); } .nx-search .wp-block-search__input:focus { outline: none; border-color: var(--c-accent); box-shadow: var(--wp--custom--odak-halkasi); } /* Mini sepet düğmesi */ .nx-cart .wc-block-mini-cart__button { width: var(--wp--custom--olcu--44); height: var(--wp--custom--olcu--44); padding: 0; display: grid; place-items: center; border-radius: var(--r-pill); color: var(--c-ink); background: none; } .nx-cart .wc-block-mini-cart__button:hover { background: var(--c-sand); opacity: 1; } .nx-cart .wc-block-mini-cart__quantity-badge { position: static; display: grid; } .nx-cart .wc-block-mini-cart__icon { width: var(--wp--custom--olcu--24); height: var(--wp--custom--olcu--24); } .nx-cart .wc-block-mini-cart__badge { position: absolute; top: var(--wp--custom--bosluk--4); right: var(--wp--custom--bosluk--2); left: auto; transform: none; min-width: var(--wp--custom--olcu--19); height: var(--wp--custom--olcu--19); padding: 0 var(--wp--custom--bosluk--5); border-radius: var(--wp--custom--yaricap--999); background: var(--c-accent) !important; color: var(--wp--preset--color--beyaz) !important; font: 600 var(--wp--custom--yazi--11)/var(--wp--custom--olcu--19) var(--f-body); text-align: center; border: 0; } /* ===== Ürün ızgarası + kart ===== */ .nx-grid .wc-block-product-template, .nx-grid ul.wc-block-product-template { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--custom--bosluk--20) var(--wp--custom--bosluk--12); margin: 0; padding: 0; list-style: none; } @media (min-width: 768px) { .nx-grid .wc-block-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--custom--bosluk--36) var(--wp--custom--bosluk--20); } } @media (min-width: 1100px) { .nx-grid .wc-block-product-template.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .nx-grid .wc-block-product-template > li { width: auto !important; max-width: none !important; margin: 0 !important; min-width: 0; position: relative; display: flex; flex-direction: column; text-align: left; } .nx-grid .wc-block-product > * { margin-block: 0; } .nx-card-media { position: relative; } .nx-card-media .wc-block-components-product-image { margin: 0 !important; aspect-ratio: 4/5; border-radius: var(--r-md); overflow: hidden; background: var(--c-card); } .nx-card-media .wc-block-components-product-image a { display: block; height: 100%; } .nx-card-media .wc-block-components-product-image img { width: 100%; height: 100% !important; object-fit: cover; mix-blend-mode: multiply; transition: transform .5s ease; aspect-ratio: auto !important; } .wc-block-product:hover .nx-card-media img { transform: scale(1.035); } .nx-card-media .wc-block-components-product-sale-badge { position: absolute; left: var(--wp--custom--bosluk--8); top: var(--wp--custom--bosluk--8); margin: 0; border: 0; border-radius: var(--r-pill); background: var(--c-accent); color: var(--wp--preset--color--beyaz); padding: var(--wp--custom--bosluk--4) var(--wp--custom--bosluk--10); font-size: var(--wp--custom--yazi--12-5); font-weight: 600; text-transform: none; line-height: 1.4; } .nx-card-add.wp-block-button { position: absolute; z-index: 2; right: var(--wp--custom--bosluk--8); bottom: var(--wp--custom--bosluk--8); margin: 0 !important; width: auto; } .nx-card-add .wp-block-button__link, .nx-card-add .wc-block-components-product-button__button { width: var(--wp--custom--olcu--44); height: var(--wp--custom--olcu--44); min-height: var(--wp--custom--olcu--44); padding: 0 !important; border-radius: var(--wp--custom--yaricap--999); background: var(--c-surface) !important; color: var(--c-ink) !important; box-shadow: var(--sh-1); font-size: 0 !important; border: 0; position: relative; } .nx-card-add .wc-block-components-product-button__button > span { position: absolute; width: var(--wp--custom--olcu--1); height: var(--wp--custom--olcu--1); overflow: hidden; clip: rect(0 0 0 0); } .nx-card-add .wc-block-components-product-button__button::before { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat; } .nx-card-add .wc-block-components-product-button__button.added::before, .nx-card-add .wc-block-components-product-button__button[data-added]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } .nx-card-add .wc-block-components-product-button__button:hover { background: var(--c-ink) !important; color: var(--wp--preset--color--beyaz) !important; } .nx-card-add .wc-block-components-product-button__button.loading::before { animation: nx-spin .8s linear infinite; } .nx-card-add .added_to_cart, .nx-card-add .wc-block-components-product-button__notice { display: none !important; } .nx-card-title { font-family: var(--f-body); font-size: var(--fs-base) !important; font-weight: 600; line-height: 1.3; letter-spacing: 0; margin: var(--wp--custom--bosluk--10) 0 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; text-align: left; } .nx-card-title a { text-decoration: none; color: var(--c-ink); } .nx-card-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } .nx-card-price { margin-top: var(--wp--custom--bosluk--4) !important; display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--custom--bosluk--6) var(--wp--custom--bosluk--10); } .nx-card-price .wc-block-components-product-price { font-weight: 700; color: var(--c-ink); } .nx-fiyat-aralik { font-weight: 700; color: var(--c-ink); white-space: nowrap; } /* Renk noktaları (kart, kahraman ürün) */ .nx-dots { display: inline-flex; align-items: center; gap: var(--wp--custom--bosluk--4); line-height: 1; } .nx-dots i { width: var(--wp--custom--olcu--10); height: var(--wp--custom--olcu--10); border-radius: 50%; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-ink) 18%, transparent); flex: none; } .nx-dots-n { font-size: var(--fs-xs); color: var(--c-ink-2); margin-left: var(--wp--custom--bosluk--2); } .wc-block-components-product-price, .nx-price { display: flex; align-items: baseline; gap: var(--wp--custom--bosluk--8); flex-wrap: wrap; font-size: var(--fs-base); text-align: left; } .wc-block-components-product-price ins, .nx-price ins { text-decoration: none; font-weight: 700; color: var(--c-accent); order: 0; background: none; } .wc-block-components-product-price del, .nx-price del { color: var(--c-ink-2); font-size: .88em; font-weight: 400; order: 1; opacity: 1; } .wc-block-components-product-price > .amount, .wc-block-components-product-price > .woocommerce-Price-amount { font-weight: 700; color: var(--c-ink); } .nx-card-meta { font-size: var(--wp--custom--yazi--12-5); color: var(--c-sage); font-weight: 600; display: flex; gap: var(--wp--custom--bosluk--6); align-items: center; margin: var(--wp--custom--bosluk--4) 0 0 !important; } .nx-card-meta::before { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2.5'/%3E%3Ccircle cx='12' cy='13' r='4.5'/%3E%3Cpath d='M7.5 6.5h.01M10 6.5h2'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2.5'/%3E%3Ccircle cx='12' cy='13' r='4.5'/%3E%3Cpath d='M7.5 6.5h.01M10 6.5h2'/%3E%3C/svg%3E") center/contain no-repeat; } .nx-pager { margin-top: var(--wp--custom--bosluk--40); gap: var(--wp--custom--bosluk--6); font-size: var(--wp--custom--yazi--15); } .nx-pager a, .nx-pager .page-numbers { min-width: var(--wp--custom--olcu--44); min-height: var(--wp--custom--olcu--44); display: inline-grid; place-items: center; padding: 0 var(--wp--custom--bosluk--12); border-radius: var(--r-pill); color: var(--c-ink); text-decoration: none; } .nx-pager .page-numbers.current { background: var(--c-ink); color: var(--wp--preset--color--beyaz); } .nx-pager a:hover { background: var(--c-sand); } /* ===== Ana sayfa · açılış (telefonda önce görsel; masaüstünde yazı solda, görsel sağda) ===== */ .nx-hero { display: grid; gap: 0; padding: 0 0 var(--sp-8); } .nx-hero > * { margin: 0 !important; min-width: 0; } .nx-hero-art { position: relative; margin-inline: calc(var(--gutter) * -1) !important; } .nx-hero-main { margin: 0; aspect-ratio: 39 / 37; overflow: hidden; background: var(--c-sand); } .nx-hero-main picture, .nx-hero-main img { display: block; width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 62%; border-radius: 0; } .nx-balon { position: absolute; z-index: 2; left: var(--gutter); top: var(--sp-4); margin: 0; background: var(--c-surface); color: var(--c-ink); font-family: var(--f-display); font-size: var(--fs-lg); font-weight: 500; line-height: 1.1; padding: var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--16) var(--wp--custom--bosluk--12); border-radius: var(--wp--custom--yaricap--18); box-shadow: var(--sh-1); animation: nx-pop .45s var(--ease) .35s both; } .nx-balon::after { content: ""; position: absolute; left: var(--wp--custom--bosluk--24); bottom: calc(var(--wp--custom--bosluk--8) * -1); width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); background: inherit; transform: rotate(45deg) skew(8deg, 8deg); border-radius: 0 0 var(--wp--custom--yaricap--4) 0; } .nx-balon em { font-style: italic; color: var(--c-accent); } .nx-stamp { position: absolute; z-index: 2; right: var(--wp--custom--bosluk--12); bottom: var(--wp--custom--bosluk--12); width: var(--wp--custom--olcu--84); height: var(--wp--custom--olcu--84); border-radius: 50%; background: var(--c-forest); color: var(--c-on-dark); display: grid; place-items: center; box-shadow: var(--sh-1); animation: nx-pop .45s var(--ease) .55s both; } .nx-stamp-ring { position: absolute; inset: 0; width: 100%; height: 100%; } .nx-stamp-ring text { fill: var(--c-on-dark); font: 600 9.5px var(--f-body); letter-spacing: .06em; } .nx-stamp-c { text-align: center; line-height: 1; display: grid; justify-items: center; gap: var(--wp--custom--bosluk--2); } .nx-stamp-c b { font-family: var(--f-display); font-size: var(--fs-lg); font-weight: 500; } .nx-stamp-c span { font: 600 8px var(--f-body); letter-spacing: .12em; } @keyframes nx-pop { from { opacity: 0; transform: scale(.82) translateY(6px); } 70% { opacity: 1; transform: scale(1.04); } to { opacity: 1; transform: none; } } @keyframes nx-spin { to { transform: rotate(360deg); } } .nx-hero-text { padding-top: var(--sp-6); } .nx-hero-ust { display: none !important; } .nx-hero-h { font-size: var(--fs-3xl) !important; line-height: 1.04; letter-spacing: -.02em; margin: 0 !important; } .nx-hero-h em { font-style: italic; font-weight: 400; color: var(--c-accent); } .nx-hero-lead { font-size: var(--fs-base); color: var(--c-ink-2); margin: var(--sp-3) 0 0 !important; max-width: 34em; } .nx-hero-cta { display: flex; flex-wrap: nowrap; gap: var(--wp--custom--bosluk--10) !important; margin-top: var(--sp-6) !important; } .nx-hero-cta .wp-block-button { flex: 1 1 auto; margin: 0; } .nx-hero-cta .nx-hero-ana { flex-grow: 1.7; } .nx-hero-cta .wp-block-button__link { width: 100%; padding-inline: var(--wp--custom--bosluk--16); } .nx-kanit { margin: var(--sp-4) 0 0 !important; font-size: var(--fs-xs); line-height: 1.5; color: var(--c-ink-2); } .nx-kanit-sayi { color: var(--c-ink); } .nx-kanit b { font-weight: 700; } @media (min-width: 600px) and (max-width: 899px) { .nx-hero-main { aspect-ratio: 16 / 11; } .nx-hero-main img { object-position: 50% 42%; } .nx-hero-cta { max-width: 32em; } } @media (min-width: 900px) { .nx-hero { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--wp--custom--bosluk--56); padding: var(--sp-8) 0 var(--sp-18); } .nx-hero-art { order: 2; margin: 0 !important; } .nx-hero-text { order: 1; padding: 0; } .nx-hero-ust { display: inline-flex !important; margin-bottom: var(--sp-4) !important; } .nx-hero-main { aspect-ratio: 1 / 1; border-radius: var(--r-lg); } .nx-balon { left: var(--sp-6); top: var(--sp-6); font-size: var(--fs-xl); padding: var(--wp--custom--bosluk--12) var(--wp--custom--bosluk--20) var(--wp--custom--bosluk--14); } .nx-stamp { right: calc(var(--wp--custom--bosluk--16) * -1); bottom: var(--sp-8); width: var(--wp--custom--olcu--110); height: var(--wp--custom--olcu--110); } .nx-stamp-ring text { font-size: 9px; } .nx-stamp-c b { font-size: var(--fs-xl); } .nx-stamp-c span { font-size: 9px; } .nx-hero-lead { font-size: var(--fs-md); } .nx-hero-cta { max-width: 30em; } .nx-kanit { font-size: var(--fs-sm); } } /* Güven şeridi */ .nx-trustbar { border-block: var(--wp--custom--cizgi--1) solid var(--c-line); } .nx-trustbar ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; } .nx-trustbar li { display: flex; gap: var(--wp--custom--bosluk--10); align-items: center; padding: var(--wp--custom--bosluk--14) var(--wp--custom--bosluk--8); font-size: var(--fs-sm); line-height: 1.3; } .nx-trustbar li b { display: block; font-size: var(--fs-sm); font-weight: 600; } .nx-trustbar li span span { color: var(--c-ink-2); font-size: var(--fs-xs); } .nx-trustbar .ic { width: var(--wp--custom--olcu--36); height: var(--wp--custom--olcu--36); border-radius: 50%; background: var(--c-forest-soft); display: grid; place-items: center; flex: none; color: var(--c-forest); } .nx-trustbar li:nth-child(odd) { border-right: var(--wp--custom--cizgi--1) solid var(--c-line-2); } .nx-trustbar li:nth-child(-n+2) { border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line-2); } @media (min-width: 900px) { .nx-trustbar ul { grid-template-columns: repeat(4, 1fr); } .nx-trustbar li { padding: var(--wp--custom--bosluk--22) var(--wp--custom--bosluk--16); } .nx-trustbar li:nth-child(-n+2) { border-bottom: 0; } .nx-trustbar li:not(:last-child) { border-right: var(--wp--custom--cizgi--1) solid var(--c-line-2); } } /* Kategori geçişi: "Kedin nasıl uyur?" — telefonda 2×2, masaüstünde 4'lü */ .nx-section-cats { padding-bottom: 0; } .nx-cats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-6) var(--wp--custom--bosluk--12); } @media (min-width: 768px) { .nx-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--wp--custom--bosluk--20); } } .nx-cat { display: grid; gap: var(--wp--custom--bosluk--4); text-decoration: none; color: var(--c-ink); } .nx-cat-img { aspect-ratio: 1 / 1; border-radius: var(--r-md); overflow: hidden; background: var(--c-card); position: relative; display: block; margin-bottom: var(--wp--custom--bosluk--6); } .nx-cat-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); display: block; } .nx-cat:hover .nx-cat-img img { transform: scale(1.04); } .nx-cat-img.is-pattern { background: repeating-linear-gradient(45deg, var(--wp--custom--renk--desen-1) 0 var(--wp--custom--olcu--10), var(--wp--custom--renk--desen-2) var(--wp--custom--olcu--10) var(--wp--custom--olcu--20)); display: grid; place-items: center; color: var(--c-ink-2); } .nx-cat-img.is-pattern svg.nx-i { width: var(--wp--custom--olcu--64); height: var(--wp--custom--olcu--64); stroke-width: 1.2; } .nx-cat-name { font-family: var(--f-display); font-size: var(--fs-lg); font-weight: 500; line-height: 1.15; } .nx-cat-alt { font-size: var(--fs-sm); color: var(--c-ink-2); line-height: 1.35; } .nx-cat:hover .nx-cat-name { color: var(--c-accent); } /* Paketler */ .nx-section-bundles { padding-top: 0; } .nx-bundles { display: grid; gap: var(--wp--custom--bosluk--14); } @media (min-width: 1000px) { .nx-bundles { grid-template-columns: 1fr 1fr; gap: var(--wp--custom--bosluk--20); } } .nx-bundle { background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-lg); overflow: hidden; display: grid; } @media (min-width: 600px) { .nx-bundle { grid-template-columns: 42% minmax(0, 1fr); } } .nx-bundle-imgs { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: 1fr 1fr; gap: var(--wp--custom--bosluk--3); background: var(--c-line-2); aspect-ratio: 4/3; } .nx-bundle-imgs.n1 { grid-template-columns: 1fr; grid-template-rows: 1fr; } .nx-bundle-imgs.n2 { grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; } @media (min-width: 600px) { .nx-bundle-imgs { aspect-ratio: auto; min-height: 100%; } } .nx-bundle-imgs .im { background: var(--c-sand); overflow: hidden; min-height: 0; } .nx-bundle-imgs.n3 .im:first-child { grid-row: 1/3; } .nx-bundle-imgs img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; display: block; } .nx-bundle-body { padding: var(--wp--custom--bosluk--18); display: grid; gap: var(--wp--custom--bosluk--10); align-content: start; } .nx-bundle-body .nx-pill { justify-self: start; } .nx-bundle-body h3 { font-size: var(--wp--custom--yazi--26); margin: 0; } .nx-bundle-body h3 a { color: var(--c-ink); text-decoration: none; } .nx-bundle-body p { margin: 0; font-size: var(--wp--custom--yazi--14-5); } .nx-bundle-body ul { list-style: none; padding: 0; margin: 0; font-size: var(--wp--custom--yazi--14-5); display: grid; gap: var(--wp--custom--bosluk--4); } .nx-bundle-body li { display: flex; gap: var(--wp--custom--bosluk--8); align-items: center; } .nx-bundle-body li svg { color: var(--c-sage); } .nx-bundle-price { display: flex; gap: var(--wp--custom--bosluk--10); align-items: baseline; flex-wrap: wrap; } .nx-bundle-price strong { font-size: var(--wp--custom--yazi--24); color: var(--c-accent); } .nx-bundle-price s { color: var(--c-ink-2); } .nx-bundle-body .nx-btn { justify-self: start; } /* Atölye hikâyesi */ .nx-story { background: var(--c-dark); color: var(--c-on-dark); padding-block: var(--wp--custom--bosluk--56); } @media (min-width: 768px) { .nx-story { padding-block: var(--wp--custom--bosluk--88); } } .nx-story-grid { display: grid; gap: var(--wp--custom--bosluk--32); } .nx-story-grid > * { margin: 0 !important; } .nx-story .nx-eyebrow { color: var(--c-on-dark-2); } .nx-story h2 { font-size: var(--fs-2xl); margin: var(--wp--custom--bosluk--12) 0 0; color: var(--c-on-dark); } .nx-story .nx-lead { color: var(--c-on-dark-2); margin: var(--wp--custom--bosluk--14) 0 0; font-size: var(--fs-base); max-width: 34em; } .nx-story-cizim { color: var(--c-on-dark); max-width: var(--wp--custom--olcu--560); width: 100%; justify-self: center; } .nx-story-cizim svg { display: block; width: 100%; height: auto; } .nx-cizim .i { stroke: var(--c-accent); } .nx-story .nx-cizim .i { stroke: var(--c-on-dark-accent); } .nx-cizim .d { stroke-dasharray: 5 6; } .nx-cizim .z { opacity: .35; } .nx-story-more { margin: var(--sp-6) 0 0; } .nx-story-more a { color: var(--c-on-dark); font-weight: 600; text-underline-offset: 4px; display: inline-flex; align-items: center; gap: var(--sp-2); min-height: var(--wp--custom--olcu--44); } .nx-story-more a:hover { color: var(--c-on-dark-accent); } .nx-steps { list-style: none; padding: 0; margin: var(--wp--custom--bosluk--24) 0 0; display: grid; gap: var(--wp--custom--bosluk--2); } .nx-steps li { display: grid; grid-template-columns: var(--wp--custom--olcu--40) 1fr; gap: var(--wp--custom--bosluk--12); padding: var(--wp--custom--bosluk--14) 0; border-top: var(--wp--custom--cizgi--1) solid var(--wp--custom--renk--koyu-cizgi-2); } .nx-steps .n { font-family: var(--f-display); font-size: var(--wp--custom--yazi--22); color: var(--wp--custom--renk--koyu-vurgu); } .nx-steps b { display: block; font-size: var(--wp--custom--yazi--16); margin-bottom: var(--wp--custom--bosluk--2); } .nx-steps li > span > span { color: var(--c-on-dark-2); font-size: var(--wp--custom--yazi--14-5); } @media (min-width: 900px) { .nx-story-grid { grid-template-columns: .9fr 1fr; gap: var(--wp--custom--bosluk--72); align-items: center; } } /* Yorum şeridi */ .nx-rv-strip { list-style: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter) var(--wp--custom--bosluk--6); scroll-padding-inline: var(--gutter); display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--wp--custom--olcu--270), 82%); gap: var(--wp--custom--bosluk--12); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .nx-rv-strip::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .nx-rv-strip { grid-auto-columns: minmax(var(--wp--custom--olcu--300), 32%); } } .nx-rv-strip li { scroll-snap-align: start; display: flex; } .nx-rv-card { margin: 0; flex: 1; background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-md); padding: var(--wp--custom--bosluk--18); display: flex; flex-direction: column; gap: var(--wp--custom--bosluk--10); } .nx-rv-card blockquote { margin: 0; padding: 0; border: 0; } .nx-rv-card q { font-family: var(--f-display); font-size: var(--wp--custom--yazi--18); line-height: 1.4; quotes: "“" "”"; } .nx-rv-who { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: var(--wp--custom--bosluk--8); font-size: var(--wp--custom--yazi--13-5); flex-wrap: wrap; } .nx-rv-who b { font-weight: 600; } .nx-rv-prod { font-size: var(--wp--custom--yazi--12-5); color: var(--c-ink-2); text-decoration: none; } .nx-rv-prod:hover { text-decoration: underline; color: var(--c-ink); } .nx-verified { display: inline-flex; align-items: center; gap: var(--wp--custom--bosluk--4); font-size: var(--wp--custom--yazi--12); font-weight: 600; color: var(--c-sage); background: var(--c-sage-soft); padding: var(--wp--custom--bosluk--3) var(--wp--custom--bosluk--8); border-radius: var(--wp--custom--yaricap--999); white-space: nowrap; } .nx-verified svg.nx-i { width: var(--wp--custom--olcu--13); height: var(--wp--custom--olcu--13); stroke-width: 2.4; } .nx-verified.is-site { background: var(--c-accent-soft); color: var(--c-accent-hover); } /* Bayi / fason */ .nx-checks { list-style: none; padding: 0 !important; margin: var(--wp--custom--bosluk--4) 0 var(--wp--custom--bosluk--8) !important; display: grid; gap: var(--wp--custom--bosluk--8); font-size: var(--wp--custom--yazi--15); } .nx-checks li { display: flex; gap: var(--wp--custom--bosluk--10); align-items: flex-start; } .nx-checks li::before { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); flex: none; margin-top: var(--wp--custom--bosluk--2); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat; } /* ===== Alt bilgi ===== */ .nx-foot-wrap { margin-top: 0; } .nx-foot { background: var(--c-ink); color: var(--wp--custom--renk--koyu-metin); padding: var(--wp--custom--bosluk--48) 0 calc(var(--wp--custom--bosluk--28) + env(safe-area-inset-bottom)); font-size: var(--wp--custom--yazi--14-5); } .nx-foot-grid { display: grid; gap: var(--wp--custom--bosluk--28); grid-template-columns: 1fr 1fr; } .nx-foot-grid > div:first-child { grid-column: 1/-1; } @media (min-width: 900px) { .nx-foot-grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; } .nx-foot-grid > div:first-child { grid-column: auto; } } .nx-foot-about { margin: var(--wp--custom--bosluk--14) 0 0; max-width: 28em; } .nx-foot-contact { font-style: normal; display: flex; flex-direction: column; align-items: flex-start; gap: var(--wp--custom--bosluk--2); margin-top: var(--wp--custom--bosluk--12); color: var(--wp--custom--renk--koyu-metin-2); } .nx-foot-h { font: 600 var(--wp--custom--yazi--12)/1 var(--f-body); letter-spacing: .14em; text-transform: uppercase; color: var(--wp--custom--renk--koyu-metin-2); margin: 0 0 var(--wp--custom--bosluk--14); } .nx-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wp--custom--bosluk--4); } .nx-foot a { color: var(--wp--custom--renk--koyu-metin-3); text-decoration: none; padding: var(--wp--custom--bosluk--6) 0; display: inline-flex; align-items: center; gap: var(--wp--custom--bosluk--6); min-height: var(--wp--custom--olcu--32); } .nx-foot a:hover { text-decoration: underline; color: var(--wp--preset--color--beyaz); } .nx-foot-bottom { margin-top: var(--wp--custom--bosluk--36); padding-top: var(--wp--custom--bosluk--20); border-top: var(--wp--custom--cizgi--1) solid var(--wp--custom--renk--koyu-cizgi); display: flex; flex-wrap: wrap; gap: var(--wp--custom--bosluk--12); justify-content: space-between; font-size: var(--wp--custom--yazi--13); color: var(--wp--custom--renk--koyu-metin-2); } .nx-pay-marks { display: flex; gap: var(--wp--custom--bosluk--6); flex-wrap: wrap; } .nx-pay-marks span { border: var(--wp--custom--cizgi--1) solid var(--wp--custom--renk--koyu-cizgi-3); border-radius: var(--wp--custom--yaricap--6); padding: var(--wp--custom--bosluk--3) var(--wp--custom--bosluk--8); font-size: var(--wp--custom--yazi--11-5); font-weight: 600; letter-spacing: .06em; color: var(--wp--custom--renk--koyu-metin); } .nx-foot :focus-visible { outline-color: var(--wp--custom--renk--koyu-vurgu); } /* ===== Ürün sayfası ===== */ .nx-crumbs { padding: var(--wp--custom--bosluk--12) 0 !important; margin-block: 0 !important; } .nx-crumbs .woocommerce-breadcrumb { font-size: var(--wp--custom--yazi--13-5); color: var(--c-ink-2); margin: 0; } .nx-crumbs a { color: var(--c-ink-2); text-decoration: underline; text-underline-offset: var(--wp--custom--cizgi--3); padding: var(--wp--custom--bosluk--4) 0; } .nx-pdp { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: var(--wp--custom--bosluk--20); padding-bottom: var(--wp--custom--bosluk--40); } .nx-pdp > * { margin: 0 !important; min-width: 0; } @media (min-width: 900px) { .nx-pdp { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--wp--custom--bosluk--56); align-items: start; } } /* Galeri */ .nx-gal { margin-inline: calc(var(--gutter) * -1) !important; gap: 0 !important; flex-direction: column !important; --wc-block-product-gallery-large-image-ratio-width: 4 !important; --wc-block-product-gallery-large-image-ratio-height: 5 !important; } .nx-gal .wc-block-product-gallery-thumbnails { display: none; } .nx-gal .wc-block-product-gallery-large-image { background: var(--c-sand); } .nx-gal .wc-block-product-gallery-large-image img { object-fit: cover !important; mix-blend-mode: multiply; } .nx-gal .wc-block-product-gallery-thumbnails { padding: var(--wp--custom--bosluk--10) var(--gutter) 0; } .nx-gal .wc-block-product-gallery-thumbnails__scrollable { gap: var(--wp--custom--bosluk--8); } .nx-gal .wc-block-product-gallery-thumbnails__thumbnail { border-radius: var(--wp--custom--yaricap--12); overflow: hidden; background: var(--c-sand); flex: 0 0 var(--wp--custom--olcu--64) !important; width: var(--wp--custom--olcu--64); } .nx-gal .wc-block-product-gallery-thumbnails__thumbnail__image { aspect-ratio: 4/5 !important; object-fit: cover; mix-blend-mode: multiply; border: var(--wp--custom--cizgi--2) solid transparent; border-radius: var(--wp--custom--yaricap--12); opacity: 1 !important; } .nx-gal .wc-block-product-gallery-thumbnails__thumbnail__image--is-active { border-color: var(--c-ink); } @media (min-width: 900px) { .nx-gal { margin: 0 !important; position: sticky !important; top: calc(var(--head-h) + var(--wp--custom--bosluk--16)); flex-direction: row !important; gap: var(--wp--custom--bosluk--14) !important; align-items: flex-start; } .nx-gal .wc-block-product-gallery-thumbnails { display: block; padding: 0; flex: 0 0 var(--wp--custom--olcu--76); width: var(--wp--custom--olcu--76); order: -1; } .nx-gal .wc-block-product-gallery-thumbnails__scrollable { flex-direction: column; } .nx-gal .wc-block-product-gallery-thumbnails__thumbnail { flex: 0 0 auto !important; width: var(--wp--custom--olcu--76); } .nx-gal .wc-block-product-gallery-large-image { border-radius: var(--r-lg); overflow: hidden; flex: 1; } } /* Bilgi sütunu */ .nx-pinfo { display: grid; gap: var(--wp--custom--bosluk--18); min-width: 0; } .nx-pinfo > * { margin: 0 !important; } .nx-p-top { display: flex; gap: var(--wp--custom--bosluk--8); flex-wrap: wrap; align-items: center; } .nx-p-title { font-size: clamp(var(--wp--custom--yazi--30), 6vw, var(--wp--custom--yazi--42)) !important; letter-spacing: -.015em; overflow-wrap: anywhere; line-height: 1.1 !important; } .nx-p-rating .wc-block-components-product-rating__container { display: flex; align-items: center; gap: var(--wp--custom--bosluk--8); font-size: var(--wp--custom--yazi--14-5); flex-wrap: wrap; } .nx-p-rating .wc-block-components-product-rating__stars { font-size: var(--wp--custom--yazi--16); width: 5.6em; color: var(--c-star); margin: 0 !important; } .nx-p-rating .wc-block-components-product-rating__stars::before { color: var(--wp--custom--renk--yildiz-bos); opacity: 1; } .nx-p-rating a { color: var(--c-ink-2); text-decoration: underline; text-underline-offset: var(--wp--custom--cizgi--3); font-size: var(--wp--custom--yazi--14-5); padding: var(--wp--custom--bosluk--6) 0; } .nx-p-price .wc-block-components-product-price { align-items: center; gap: var(--wp--custom--bosluk--10); font-size: var(--wp--custom--yazi--17); } .nx-p-price .wc-block-components-product-price ins, .nx-p-price .wc-block-components-product-price > .amount, .nx-p-price .wc-block-components-product-price > .woocommerce-Price-amount { font-size: var(--wp--custom--yazi--30); font-weight: 700; color: var(--c-accent); letter-spacing: -.01em; } .nx-p-price del { font-size: var(--wp--custom--yazi--17); } .nx-p-short, .nx-p-short p { color: var(--c-ink-2); margin: 0; } .nx-p-short .wp-block-post-excerpt__more-text { display: none; } /* Seçenekler + form içi sıra: seçenekler, üst boyut, ek ürün, adet/düğme, stok */ .nx-buy-form { display: flex !important; flex-direction: column; gap: var(--wp--custom--bosluk--18); } .nx-buy-form > * { margin: 0 !important; order: 6; } .nx-buy-form .nx-opts { order: 1; } .nx-buy-form .nx-upsell { order: 2; } .nx-buy-form .nx-addon { order: 3; } .nx-buy-form .nx-buy { order: 4; } .nx-buy-form .nx-stock { order: 5; } .nx-opts { display: grid; gap: var(--wp--custom--bosluk--18); } .nx-opt { gap: var(--wp--custom--bosluk--10) !important; margin: 0 !important; } .nx-opt .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-name { font-size: var(--wp--custom--yazi--14-5); font-weight: 600; } .nx-buy-form .wc-block-product-filter-chips__items { display: flex; gap: var(--wp--custom--bosluk--8); flex-wrap: wrap; } .nx-buy-form .wc-block-product-filter-chips__item { min-height: var(--wp--custom--olcu--46); min-width: var(--wp--custom--olcu--64); padding: 0 var(--wp--custom--bosluk--16); border-radius: var(--wp--custom--yaricap--12); border: var(--wp--custom--cizgi--1-5) solid var(--c-line); background: var(--c-surface); color: var(--c-ink); font-size: var(--wp--custom--yazi--15); font-weight: 500; cursor: pointer; } .nx-buy-form .wc-block-product-filter-chips__item:hover { border-color: var(--c-ink); } .nx-buy-form .wc-block-product-filter-chips__item[aria-checked="true"] { border-color: var(--c-ink); background: var(--c-ink); color: var(--wp--preset--color--beyaz); } .nx-buy-form .wc-block-product-filter-chips__item:disabled { opacity: .45; text-decoration: line-through; cursor: not-allowed; } .nx-buy-form .wc-block-product-filter-chips__fieldset { border: 0; margin: 0; padding: 0; min-width: 0; } /* Adet + sepete ekle */ .nx-buy { gap: var(--wp--custom--bosluk--10) !important; align-items: stretch !important; } .nx-buy > * { margin: 0 !important; } .nx-buy .quantity, .nx-buy .wc-block-components-quantity-selector { display: inline-flex; align-items: center; border: var(--wp--custom--cizgi--1-5) solid var(--c-line); border-radius: var(--r-pill); background: var(--c-surface); height: var(--wp--custom--olcu--54); overflow: hidden; flex: none; } .nx-buy .quantity input.qty { width: var(--wp--custom--olcu--36); border: 0; background: none; text-align: center; font-weight: 600; font-size: var(--wp--custom--yazi--16); -moz-appearance: textfield; padding: 0; min-height: 0; box-shadow: none; } .nx-buy .quantity input::-webkit-inner-spin-button, .nx-buy .quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .nx-buy .quantity button { width: var(--wp--custom--olcu--44); height: 100%; border: 0; background: none; color: var(--c-ink); font-size: var(--wp--custom--yazi--20); cursor: pointer; min-width: var(--wp--custom--olcu--44); padding: 0; } .nx-buy .quantity button:hover { background: var(--c-sand); } .nx-buy .nx-buy-btn.wc-block-components-product-button { flex: 1 1 auto; margin: 0 !important; width: auto; align-items: stretch; } .nx-buy .nx-buy-btn .wc-block-components-product-button__button { width: 100%; min-height: var(--wp--custom--olcu--54); font-size: var(--wp--custom--yazi--16-5); white-space: nowrap; margin: 0; } .nx-buy-btn .wc-block-components-product-button__button::before { content: ""; width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8L5 8Z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8L5 8Z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center/contain no-repeat; } @media (max-width: 400px) { .nx-buy-btn .wc-block-components-product-button__button::before { display: none; } } .nx-buy-form.is-invalid .nx-buy-btn .wc-block-components-product-button__button { opacity: .6; } .nx-stock .stock, .nx-stock p { display: flex; gap: var(--wp--custom--bosluk--8); align-items: center; font-size: var(--wp--custom--yazi--14-5); color: var(--c-ok); margin: 0; } .nx-stock .stock::before, .nx-stock p::before { content: ""; width: var(--wp--custom--olcu--8); height: var(--wp--custom--olcu--8); border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px var(--wp--custom--renk--olumlu-halka); flex: none; } .nx-stock .out-of-stock { color: var(--c-danger); } /* Satış artırıcılar: üst boyut, ek ürün kutusu (eklenti; varsayılan kapalı), FBT */ .nx-upsell { display: flex; gap: var(--wp--custom--bosluk--12); align-items: center; border: var(--wp--custom--cizgi--1-5) dashed var(--wp--custom--renk--kil-cizgi); background: var(--wp--custom--renk--kil-zemin); border-radius: var(--wp--custom--yaricap--12); padding: var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--14); font-size: var(--wp--custom--yazi--14); line-height: 1.35; } .nx-upsell[hidden] { display: none; } .nx-upsell b { color: var(--c-accent-hover); font-size: var(--wp--custom--yazi--15); } .nx-upsell .nx-btn { min-height: var(--wp--custom--olcu--42); padding: 0 var(--wp--custom--bosluk--16); font-size: var(--wp--custom--yazi--14); margin-left: auto; flex: none; } .nx-addon { display: flex; gap: var(--wp--custom--bosluk--12); align-items: center; border: var(--wp--custom--cizgi--1-5) solid var(--c-line); background: var(--c-surface); border-radius: var(--wp--custom--yaricap--12); padding: var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--14) var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--12); margin: 0; cursor: pointer; font-size: var(--wp--custom--yazi--14); line-height: 1.35; } .nx-addon:has(input:checked) { border-color: var(--c-sage); background: var(--c-sage-soft); border-style: solid; } .nx-addon input { width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); accent-color: var(--c-sage); margin: 0; flex: none; } .nx-addon img { width: var(--wp--custom--olcu--40); height: var(--wp--custom--olcu--48); border-radius: var(--wp--custom--yaricap--8); object-fit: cover; background: var(--c-sand); mix-blend-mode: multiply; flex: none; } .nx-addon b { font-size: var(--wp--custom--yazi--15); } .nx-addon small { color: var(--c-ink-2); font-size: var(--wp--custom--yazi--14); } .nx-addon__fiyat { margin-left: auto; font-weight: 700; white-space: nowrap; font-size: var(--wp--custom--yazi--15); } .nx-trust { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--custom--bosluk--8); list-style: none; margin: 0; padding: 0; } .nx-trust li { display: flex; gap: var(--wp--custom--bosluk--10); align-items: center; background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--wp--custom--yaricap--12); padding: var(--wp--custom--bosluk--10) var(--wp--custom--bosluk--12); font-size: var(--wp--custom--yazi--13-5); line-height: 1.3; } .nx-trust li b { display: block; font-size: var(--wp--custom--yazi--14); } .nx-trust li svg { color: var(--c-sage); } .nx-fbt { background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-lg); padding: var(--wp--custom--bosluk--20); display: grid; gap: var(--wp--custom--bosluk--14); } .nx-fbt h2 { font-size: var(--wp--custom--yazi--24); margin: 0; } .nx-fbt-imgs { display: flex; align-items: center; gap: var(--wp--custom--bosluk--4); } .nx-fbt-imgs .im { flex: 1; max-width: var(--wp--custom--olcu--110); aspect-ratio: 4/5; border-radius: var(--wp--custom--yaricap--12); overflow: hidden; background: var(--c-sand); transition: opacity .2s; } .nx-fbt-imgs .im.off { opacity: .28; } .nx-fbt-imgs img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; display: block; } .nx-fbt-imgs .plus { color: var(--c-ink-2); display: grid; } .nx-fbt-list { list-style: none; margin: 0; padding: 0; display: grid; } .nx-fbt-list label { display: grid; grid-template-columns: var(--wp--custom--olcu--22) 1fr auto; gap: var(--wp--custom--bosluk--12); align-items: center; min-height: var(--wp--custom--olcu--46); font-size: var(--wp--custom--yazi--15); cursor: pointer; line-height: 1.3; padding: var(--wp--custom--bosluk--4) 0; } .nx-fbt-list li + li label { border-top: var(--wp--custom--cizgi--1) solid var(--c-line-2); } .nx-fbt-list input { width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); accent-color: var(--c-accent); margin: 0; } .nx-fbt-list small { color: var(--c-ink-2); font-size: var(--wp--custom--yazi--13); } .nx-fbt-list span { min-width: 0; overflow-wrap: anywhere; } .nx-fbt-foot { display: flex; flex-wrap: wrap; gap: var(--wp--custom--bosluk--12); align-items: center; justify-content: space-between; border-top: var(--wp--custom--cizgi--1) dashed var(--c-line); padding-top: var(--wp--custom--bosluk--14); } .nx-fbt-tot { display: grid; line-height: 1.3; font-size: var(--wp--custom--yazi--13-5); } .nx-fbt-tot b { font-size: var(--wp--custom--yazi--22); color: var(--c-accent); } .nx-fbt-foot .nx-btn { flex: 1 1 var(--wp--custom--olcu--200); } .nx-fbt-msg { margin: 0; font-size: var(--wp--custom--yazi--14); color: var(--c-ok); font-weight: 600; } .nx-fbt-msg:empty { display: none; } /* Akordeon */ .nx-acc { border-top: var(--wp--custom--cizgi--1) solid var(--c-line); } .nx-acc > * { margin: 0 !important; } .is-style-akordeon { border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line) !important; padding: 0 !important; } .is-style-akordeon > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: var(--wp--custom--olcu--56); font-weight: 600; cursor: pointer; } .is-style-akordeon > summary::-webkit-details-marker { display: none; } .is-style-akordeon > summary::after { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); background: currentColor; transition: transform .2s; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat; } .is-style-akordeon[open] > summary::after { transform: rotate(180deg); } .is-style-akordeon > :not(summary) { color: var(--c-ink-2); margin: 0 0 var(--wp--custom--bosluk--18) !important; } .nx-acc-content > * { margin: 0 0 var(--wp--custom--bosluk--12); } .nx-spec { width: 100%; border-collapse: collapse; font-size: var(--wp--custom--yazi--15); } .nx-spec th, .nx-spec td { text-align: left; padding: var(--wp--custom--bosluk--10) 0; border-bottom: var(--wp--custom--cizgi--1) dashed var(--c-line); } .nx-spec th { font-weight: 500; color: var(--c-ink-2); width: 45%; } .nx-spec td { color: var(--c-ink); font-weight: 600; } /* Değerlendirmeler */ .nx-reviews { padding-top: var(--wp--custom--bosluk--24); } .nx-rv-sum { display: grid; gap: var(--wp--custom--bosluk--20); background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-lg); padding: var(--wp--custom--bosluk--22); } @media (min-width: 768px) { .nx-rv-sum { grid-template-columns: var(--wp--custom--olcu--220) 1fr; align-items: center; } } .nx-rv-big { display: flex; align-items: center; gap: var(--wp--custom--bosluk--14); } .nx-rv-big b { font-family: var(--f-display); font-size: var(--wp--custom--yazi--56); font-weight: 500; line-height: 1; } .nx-rv-big .nx-stars { font-size: var(--wp--custom--yazi--18); } .nx-rv-big .nx-muted { font-size: var(--wp--custom--yazi--14); } .nx-bars { display: grid; gap: var(--wp--custom--bosluk--6); font-size: var(--wp--custom--yazi--13); } .nx-bars div { display: grid; grid-template-columns: var(--wp--custom--olcu--28) 1fr var(--wp--custom--olcu--40); gap: var(--wp--custom--bosluk--10); align-items: center; } .nx-bars i { display: block; height: var(--wp--custom--olcu--8); border-radius: var(--wp--custom--yaricap--4); background: var(--c-line-2); overflow: hidden; } .nx-bars i::after { content: ""; display: block; height: 100%; width: var(--w); background: var(--c-star); } .nx-bars span:last-child { text-align: right; color: var(--c-ink-2); } .nx-rv-list { display: grid; margin-top: var(--wp--custom--bosluk--8); } .nx-rv-item { padding: var(--wp--custom--bosluk--20) 0; border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line); display: grid; gap: var(--wp--custom--bosluk--8); } .nx-rv-item header { display: flex; justify-content: space-between; gap: var(--wp--custom--bosluk--8); flex-wrap: wrap; align-items: center; } .nx-rv-item .who { display: flex; align-items: center; gap: var(--wp--custom--bosluk--10); } .nx-rv-item .av { width: var(--wp--custom--olcu--36); height: var(--wp--custom--olcu--36); border-radius: 50%; display: grid; place-items: center; font-weight: 600; font-size: var(--wp--custom--yazi--13); color: var(--wp--preset--color--beyaz); } .nx-rv-item .meta { display: flex; gap: var(--wp--custom--bosluk--8); align-items: center; flex-wrap: wrap; } .nx-rv-item time { font-size: var(--wp--custom--yazi--13); color: var(--c-ink-2); } .nx-rv-item p { font-size: var(--wp--custom--yazi--15-5); margin: 0; } .nx-related { padding-top: var(--wp--custom--bosluk--24); } /* Sabit sepet çubuğu (mobil) */ .nx-sticky-buy { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: var(--wp--custom--renk--yuzey-seffaf-2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-top: var(--wp--custom--cizgi--1) solid var(--c-line); padding: var(--wp--custom--bosluk--10) var(--gutter) calc(var(--wp--custom--bosluk--10) + env(safe-area-inset-bottom)); display: flex; align-items: center; gap: var(--wp--custom--bosluk--12); box-shadow: 0 -6px 24px var(--wp--custom--renk--golge); transform: translateY(110%); transition: transform .25s, visibility .25s; visibility: hidden; } .nx-sticky-buy.is-on { transform: none; visibility: visible; } .nx-sticky-meta { min-width: 0; flex: 1; line-height: 1.25; } .nx-sticky-meta small { display: block; font-size: var(--wp--custom--yazi--12-5); color: var(--c-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nx-sticky-meta b { font-size: var(--wp--custom--yazi--18); color: var(--c-accent); } .nx-sticky-btn { flex: 0 0 auto; min-width: var(--wp--custom--olcu--150); border: 0; background: var(--c-accent); color: var(--wp--preset--color--beyaz); } .nx-sticky-btn:hover { background: var(--c-accent-hover); } body.nx-has-sticky { padding-bottom: var(--wp--custom--bosluk--84); } @media (min-width: 900px) { .nx-sticky-buy { display: none; } body.nx-has-sticky { padding-bottom: 0; } } /* ===== Arşiv / kategori / arama: kısa başlık, yapışık çip + sıralama çubuğu ===== */ .nx-page-title { font-size: var(--fs-2xl) !important; padding: var(--wp--custom--bosluk--20) 0 var(--wp--custom--bosluk--6); margin: 0 !important; letter-spacing: -.015em; } .nx-arc .nx-crumbs { display: none; } @media (min-width: 768px) { .nx-arc .nx-crumbs { display: block; } } .nx-arc-head { padding-top: var(--sp-4); } .nx-arc-head > * { margin: 0 !important; } .nx-arc-head .nx-page-title { padding: 0; } .nx-arc-baslik { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 var(--sp-3); } .nx-arc-baslik .nx-page-title { margin: 0 !important; } .nx-arc-say { font-family: var(--f-body); font-size: var(--fs-sm); font-weight: 500; letter-spacing: 0; color: var(--c-ink-2); } .nx-arc-desc { color: var(--c-ink-2); max-width: 40em; margin-top: var(--sp-2) !important; font-size: var(--fs-sm); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .nx-arc-yikama { display: flex; align-items: center; gap: var(--sp-2); margin-top: var(--sp-2) !important; font-size: var(--fs-sm); font-weight: 600; color: var(--c-forest); } .nx-arc-bar { position: sticky; top: var(--head-h); z-index: 40; display: flex !important; align-items: center; gap: var(--sp-3); margin: var(--sp-3) calc(var(--gutter) * -1) var(--sp-4) !important; padding: var(--sp-2) var(--gutter); background: var(--wp--custom--renk--zemin-seffaf); -webkit-backdrop-filter: saturate(1.2) blur(10px); backdrop-filter: saturate(1.2) blur(10px); border-bottom: var(--wp--custom--cizgi--1) solid transparent; } .admin-bar .nx-arc-bar { top: calc(var(--head-h) + var(--wp-admin--admin-bar--height, 0px)); } @media (max-width: 600px) { .admin-bar .nx-arc-bar { top: var(--head-h); } } .nx-arc-bar > * { margin: 0 !important; } .nx-arc-bar .nx-chips { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; mask-image: linear-gradient(90deg, #000 85%, transparent); -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); } .nx-arc-bar .nx-chip { min-height: var(--wp--custom--olcu--40); font-size: var(--fs-sm); } .nx-arc-bar .wp-block-woocommerce-catalog-sorting, .nx-arc-bar .woocommerce-ordering { flex: none; margin: 0 0 0 auto !important; } /* Telefonda sıralama kısa "Sırala" hapı (seçenekler açılır listede tam görünür); masaüstünde seçili sıralama yazılı. */ .nx-arc-bar .woocommerce-ordering { position: relative; } @media (max-width: 767px) { .nx-arc-bar .woocommerce-ordering::before { content: "Sırala"; position: absolute; left: var(--wp--custom--bosluk--14); top: 50%; transform: translateY(-50%); font: 600 var(--fs-sm) var(--f-body); color: var(--c-ink); pointer-events: none; } .nx-arc-bar select { width: 7.4em; color: transparent !important; } .nx-arc-bar select option { color: var(--c-ink); } } .nx-arc-bar select { min-height: var(--wp--custom--olcu--40); max-width: 9.5em; border: var(--wp--custom--cizgi--1-5) solid var(--c-line); border-radius: var(--r-pill); -webkit-appearance: none; appearance: none; background: var(--c-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A221D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right var(--wp--custom--bosluk--12) center / var(--wp--custom--olcu--18); padding: 0 var(--wp--custom--bosluk--36) 0 var(--wp--custom--bosluk--14); font: 500 var(--fs-sm) var(--f-body); color: var(--c-ink); text-overflow: ellipsis; cursor: pointer; } @media (min-width: 768px) { .nx-arc-bar select { max-width: none; } } .nx-arc-main { padding-bottom: var(--wp--custom--bosluk--72); } /* ===== Sayfa / yazı ===== */ .nx-page { padding-bottom: var(--wp--custom--bosluk--72); } .nx-page .wp-block-post-content > * + * { margin-block-start: 1em; } .nx-page .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--xl); margin-top: 1.6em; } .nx-page .wp-block-post-content h3 { font-size: var(--wp--preset--font-size--lg); margin-top: 1.4em; } .nx-post-item { padding: var(--wp--custom--bosluk--20) 0; border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line); } .nx-post-item > * { margin: 0 0 var(--wp--custom--bosluk--6) !important; } .nx-post-item .wp-block-post-title a { color: var(--c-ink); text-decoration: none; } .nx-404 { padding-block: var(--wp--custom--bosluk--56) var(--wp--custom--bosluk--88); } .nx-404 .nx-empty { max-width: var(--wp--custom--olcu--640); margin: 0 auto; } /* Formlar (sayfa içi + eklenti formları) */ .nx-page input[type="text"], .nx-page input[type="email"], .nx-page input[type="tel"], .nx-page input[type="number"], .nx-page input[type="search"], .nx-page select, .nx-page textarea, .nx-alan input:not([type=checkbox]), .nx-alan select, .nx-alan textarea { width: 100%; min-height: var(--wp--custom--olcu--50); border: var(--wp--custom--cizgi--1-5) solid var(--c-line); border-radius: var(--wp--custom--yaricap--12); background: var(--c-surface); padding: 0 var(--wp--custom--bosluk--14); font-size: var(--wp--custom--yazi--16); color: var(--c-ink); font-family: inherit; } .nx-page textarea, .nx-alan textarea { min-height: var(--wp--custom--olcu--110); padding: var(--wp--custom--bosluk--12) var(--wp--custom--bosluk--14); } .nx-page input:focus, .nx-page select:focus, .nx-page textarea:focus, .nx-alan input:focus, .nx-alan select:focus, .nx-alan textarea:focus { outline: none; border-color: var(--c-accent); box-shadow: var(--wp--custom--odak-halkasi); } .nx-alan label { font-size: var(--wp--custom--yazi--14); font-weight: 600; } .nx-form button[type="submit"], .nx-form .nx-btn { min-height: var(--wp--custom--olcu--52); padding: 0 var(--wp--custom--bosluk--26); background: var(--c-accent); color: var(--wp--preset--color--beyaz); border: 0; border-radius: var(--r-pill); font-weight: 600; font-size: var(--wp--custom--yazi--16); justify-self: start; } .nx-rozetler li { color: var(--c-ink-2); } .nx-rozetler__ikon { color: var(--c-sage); } /* ===== Tema görselleri (inc/gorseller.php) ===== */ .nx-empty-img { max-width: var(--wp--custom--olcu--220); margin: 0 auto var(--wp--custom--bosluk--16); } .nx-empty-img img { display: block; width: 100%; height: auto; } /* ===== Sepet: kargo çubuğu + öneriler ===== */ .nx-cart-ups { display: grid; gap: var(--wp--custom--bosluk--12); margin-bottom: var(--wp--custom--bosluk--8) !important; } .nx-cart-ups > * { margin: 0 !important; } .nx-ship { background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-md); padding: var(--wp--custom--bosluk--14) var(--wp--custom--bosluk--16); font-size: var(--wp--custom--yazi--14-5); } .nx-ship[hidden] { display: none; } .nx-ship p { margin: 0; } .nx-ship-bar { height: var(--wp--custom--olcu--8); border-radius: var(--wp--custom--yaricap--4); background: var(--c-line-2); margin-top: var(--wp--custom--bosluk--10); overflow: hidden; } .nx-ship-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--c-sage), var(--wp--custom--renk--adacayi-gecis)); border-radius: var(--wp--custom--yaricap--4); transition: width .4s; } .nx-ship.is-done { background: var(--c-sage-soft); border-color: var(--wp--custom--renk--adacayi-cizgi); } .nx-nudge { display: grid; gap: var(--wp--custom--bosluk--8); } .nx-nudge[hidden], .nx-nudge-item[hidden] { display: none; } .nx-nudge > p { font-size: var(--wp--custom--yazi--14-5); font-weight: 600; margin: 0; } .nx-nudge-item { display: grid; grid-template-columns: var(--wp--custom--olcu--44) 1fr auto; gap: var(--wp--custom--bosluk--12); align-items: center; background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--wp--custom--yaricap--12); padding: var(--wp--custom--bosluk--8); font-size: var(--wp--custom--yazi--14); line-height: 1.3; } .nx-nudge-item img { width: var(--wp--custom--olcu--44); height: var(--wp--custom--olcu--54); border-radius: var(--wp--custom--yaricap--8); object-fit: cover; background: var(--c-sand); mix-blend-mode: multiply; display: block; } .nx-nudge-item a { color: var(--c-ink); text-decoration: none; } .nx-nudge-item .nx-muted del { font-size: .9em; } .nx-nudge-item .nx-muted ins { text-decoration: none; font-weight: 600; color: var(--c-ink); } .nx-nudge-item .nx-btn { min-height: var(--wp--custom--olcu--42); padding: 0 var(--wp--custom--bosluk--16); font-size: var(--wp--custom--yazi--14); } /* ===== WooCommerce blok bileşenleri (sepet, ödeme, mini sepet) ===== */ .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button { min-height: var(--wp--custom--olcu--54); border-radius: var(--r-pill) !important; background: var(--c-accent); color: var(--wp--preset--color--beyaz); font-weight: 600; font-size: var(--wp--custom--yazi--16-5); border: 0; text-decoration: none; } .wc-block-components-button:not(.is-link):hover { background: var(--c-accent-hover); color: var(--wp--preset--color--beyaz); } .wc-block-components-button.outlined, .wc-block-mini-cart__footer-cart.wc-block-components-button { background: transparent !important; border: var(--wp--custom--cizgi--1-5) solid var(--c-ink) !important; color: var(--c-ink) !important; } .wc-block-components-button.outlined:hover, .wc-block-mini-cart__footer-cart.wc-block-components-button:hover { background: var(--c-ink) !important; color: var(--wp--preset--color--beyaz) !important; } .wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-combobox .wc-block-components-combobox-control input, .wc-block-components-textarea { min-height: var(--wp--custom--olcu--54); border: var(--wp--custom--cizgi--1-5) solid var(--c-line) !important; border-radius: var(--wp--custom--yaricap--12) !important; background: var(--c-surface) !important; font-size: var(--wp--custom--yazi--16) !important; color: var(--c-ink); } .wc-block-components-text-input input:focus, .wc-blocks-components-select .wc-blocks-components-select__select:focus, .wc-block-components-textarea:focus { border-color: var(--c-accent) !important; box-shadow: var(--wp--custom--odak-halkasi) !important; outline: none; } .wc-block-components-text-input.has-error input, .wc-blocks-components-select.has-error select { border-color: var(--c-danger) !important; background: var(--wp--custom--renk--tehlike-zemin) !important; } .wc-block-components-validation-error { color: var(--c-danger); font-weight: 600; font-size: var(--wp--custom--yazi--13); } .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); min-width: var(--wp--custom--olcu--22); border-radius: var(--wp--custom--yaricap--6); border: var(--wp--custom--cizgi--1-5) solid var(--c-line); accent-color: var(--c-accent); } .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked { background: var(--c-accent); border-color: var(--c-accent); } .wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--wp--preset--color--beyaz); } .wc-block-components-radio-control__input:checked { border-color: var(--c-accent); } .wc-block-components-radio-control__input:checked::before { background: var(--c-accent); } .wc-block-components-totals-item { font-size: var(--wp--custom--yazi--15); } .wc-block-components-totals-item__label { color: var(--c-ink-2); } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { color: var(--c-ink); font-weight: 600; font-size: var(--wp--custom--yazi--18); } .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: var(--wp--custom--yazi--22); font-weight: 700; } .wc-block-components-totals-fees .wc-block-components-totals-item__value, .wc-block-components-totals-discount .wc-block-components-totals-item__value { color: var(--c-sage); } .wc-block-components-product-name { color: var(--c-ink); font-weight: 600; font-size: var(--wp--custom--yazi--15-5); text-decoration: none; overflow-wrap: anywhere; } .wc-block-components-product-metadata { font-size: var(--wp--custom--yazi--13-5); color: var(--c-ink-2); overflow-wrap: anywhere; } .wc-block-components-product-metadata__description { display: none; } .wc-block-components-sale-badge, .wc-block-components-product-badge { border-radius: var(--r-pill) !important; border: 0 !important; background: var(--c-sage-soft) !important; color: var(--wp--custom--renk--adacayi-koyu) !important; font-weight: 600; font-size: var(--wp--custom--yazi--12) !important; text-transform: none !important; padding: var(--wp--custom--bosluk--2) var(--wp--custom--bosluk--8) !important; } .wc-block-components-quantity-selector { border: var(--wp--custom--cizgi--1-5) solid var(--c-line) !important; border-radius: var(--r-pill) !important; background: var(--c-surface); overflow: hidden; } .wc-block-components-quantity-selector::after { display: none !important; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { font-weight: 600; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { min-width: var(--wp--custom--olcu--40); color: var(--c-ink); } .wc-block-cart-item__remove-link, .wc-block-components-product-details__remove-link { color: var(--c-ink-2) !important; } .wc-block-components-panel__button, .wc-block-components-totals-coupon-link { color: var(--c-ink); font-weight: 600; } .wc-block-components-notice-banner { border-radius: var(--r-md); font-size: var(--wp--custom--yazi--15); } .wc-block-components-notice-banner.is-success { background: var(--c-sage-soft); border-color: var(--wp--custom--renk--adacayi-cizgi); color: var(--wp--custom--renk--adacayi-metin); } .wc-block-components-notice-banner.is-success > svg { background: var(--c-sage); } .wc-block-components-notice-banner.is-error { background: var(--c-danger-soft); border-color: var(--wp--custom--renk--tehlike-cizgi); color: var(--wp--custom--renk--tehlike-metin); } .wc-block-components-notice-banner a { color: inherit; font-weight: 600; } .wc-block-components-title, .wc-block-cart__totals-title, .wc-block-components-checkout-step__title { font-family: var(--f-display) !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: -.01em; } /* Sepet sayfası */ .nx-cart-page, .nx-checkout-page { padding-bottom: var(--wp--custom--bosluk--56); } .nx-cart-content, .nx-checkout-content { margin-top: var(--wp--custom--bosluk--8) !important; } .wc-block-cart-items { table-layout: fixed; width: 100%; } .wc-block-cart-items .wc-block-cart-item__image img { border-radius: var(--wp--custom--yaricap--12); background: var(--c-sand); aspect-ratio: 4/5; object-fit: cover; mix-blend-mode: multiply; } .wc-block-cart-items__header { font-size: var(--wp--custom--yazi--12); letter-spacing: .14em; color: var(--c-ink-2); } .wc-block-cart-items td, .wc-block-cart-items th { border-color: var(--c-line) !important; } .wc-block-cart .wc-block-cart__totals-title { font-size: var(--wp--custom--yazi--24) !important; } .wc-block-cart__sidebar .wc-block-components-sidebar, .wp-block-woocommerce-cart-totals-block { background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-lg); padding: var(--wp--custom--bosluk--20) !important; } .wp-block-woocommerce-cart-cross-sells-block h2 { font-size: var(--wp--custom--yazi--20) !important; } .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-image img, .cross-sells-product img { border-radius: var(--wp--custom--yaricap--12); background: var(--c-sand); aspect-ratio: 4/5; object-fit: cover; mix-blend-mode: multiply; } .wc-block-cart__submit-container { padding-top: var(--wp--custom--bosluk--6); } @media (max-width: 699px) { .wc-block-cart__submit-container--sticky { background: var(--wp--custom--renk--yuzey-seffaf-2); border-top: var(--wp--custom--cizgi--1) solid var(--c-line); box-shadow: 0 -6px 24px var(--wp--custom--renk--golge); } } /* Ödeme */ .nx-co-steps { list-style: none; display: flex; gap: var(--wp--custom--bosluk--6); align-items: center; flex-wrap: wrap; padding: 0; margin: var(--wp--custom--bosluk--4) 0 var(--wp--custom--bosluk--8) !important; font-size: var(--wp--custom--yazi--13); color: var(--c-ink-2); } .nx-co-steps li { display: flex; align-items: center; gap: var(--wp--custom--bosluk--6); } .nx-co-steps li + li::before { content: "→"; color: var(--c-ink-2); } .nx-co-steps li[aria-current] { color: var(--c-ink); font-weight: 600; } .wc-block-checkout__main .wc-block-components-checkout-step { border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line); padding-bottom: var(--wp--custom--bosluk--8); } .wc-block-components-checkout-step__title { font-size: var(--wp--custom--yazi--22) !important; } .wc-block-components-checkout-step__heading-content { color: var(--c-ink-2); font-size: var(--wp--custom--yazi--13-5); } .wc-block-checkout__sidebar .wc-block-components-order-summary, .wp-block-woocommerce-checkout-order-summary-block { background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-lg); padding: var(--wp--custom--bosluk--16) var(--wp--custom--bosluk--20) !important; } .wc-block-components-order-summary-item__image img { border-radius: var(--wp--custom--yaricap--10); background: var(--c-sand); aspect-ratio: 4/5; object-fit: cover; mix-blend-mode: multiply; } .wc-block-components-order-summary-item__quantity { background: var(--c-ink) !important; color: var(--wp--preset--color--beyaz) !important; border: 0 !important; } .wc-block-checkout__terms, .wc-block-checkout__terms a { font-size: var(--wp--custom--yazi--14-5); } .wc-block-components-payment-method-label, .wc-block-components-radio-control__label { font-weight: 600; } .wc-block-components-radio-control-accordion-option, .wc-block-checkout__payment-method .wc-block-components-radio-control__option { border-color: var(--c-line) !important; } .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked::after { border-color: var(--c-line) !important; border-radius: var(--r-lg); } .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { box-shadow: inset 0 0 0 1.5px var(--c-ink); border-radius: var(--r-lg); } .wc-block-components-checkout-place-order-button::before { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--18); margin-right: var(--wp--custom--bosluk--8); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E") center/contain no-repeat; } /* Ödeme teklif kutusu (eklenti: .nx-bump) */ .nx-bump { display: flex; gap: var(--wp--custom--bosluk--12); align-items: center; border: var(--wp--custom--cizgi--1-5) dashed var(--c-sage); border-radius: var(--wp--custom--yaricap--14); padding: var(--wp--custom--bosluk--12) var(--wp--custom--bosluk--14); background: var(--wp--custom--renk--adacayi-zemin); cursor: pointer; margin: var(--wp--custom--bosluk--16) 0; font-size: var(--wp--custom--yazi--14); line-height: 1.4; } .nx-bump:has(input:checked) { border-style: solid; background: var(--c-sage-soft); } .nx-bump input { width: var(--wp--custom--olcu--22); height: var(--wp--custom--olcu--22); accent-color: var(--c-sage); margin: 0; flex: none; } .nx-bump img { width: var(--wp--custom--olcu--42); height: var(--wp--custom--olcu--50); border-radius: var(--wp--custom--yaricap--8); object-fit: cover; background: var(--c-sand); mix-blend-mode: multiply; flex: none; } .nx-bump b { display: block; font-size: var(--wp--custom--yazi--15); } .nx-bump del { color: var(--c-ink-2); } .nx-bump small { display: block; color: var(--c-ink-2); } /* Mini sepet çekmecesi */ .wc-block-mini-cart__drawer .wc-block-components-drawer__content, .wc-block-mini-cart__drawer { background: var(--c-bg) !important; } .wc-block-mini-cart__title { font-family: var(--f-display); font-weight: 500; font-size: var(--wp--custom--yazi--24); letter-spacing: -.01em; } .wc-block-mini-cart__items { padding: 0 var(--wp--custom--bosluk--20); } .wc-block-mini-cart__items .nx-ship { margin: var(--wp--custom--bosluk--4) 0 var(--wp--custom--bosluk--8); } .wc-block-mini-cart__footer { background: var(--c-surface); border-top: var(--wp--custom--cizgi--1) solid var(--c-line); padding: var(--wp--custom--bosluk--16) var(--wp--custom--bosluk--20) calc(var(--wp--custom--bosluk--16) + env(safe-area-inset-bottom)) !important; } .wc-block-mini-cart__footer-actions { display: grid !important; grid-template-columns: 1fr 1.4fr; gap: var(--wp--custom--bosluk--8); } .wc-block-mini-cart__footer-actions .wc-block-components-button { min-height: var(--wp--custom--olcu--48); font-size: var(--wp--custom--yazi--15-5); } .wc-block-mini-cart__footer .wc-block-components-totals-item__label { color: var(--c-ink); font-size: var(--wp--custom--yazi--17); } .wc-block-mini-cart__footer .wc-block-components-totals-item__value { font-size: var(--wp--custom--yazi--20); font-weight: 700; } .wc-block-mini-cart__products-table .wc-block-cart-items__row { border-color: var(--c-line); } .wc-block-mini-cart__products-table .wc-block-cart-item__image img { border-radius: var(--wp--custom--yaricap--12); background: var(--c-sand); aspect-ratio: 4/5; object-fit: cover; mix-blend-mode: multiply; } .wc-block-components-drawer__close { color: var(--c-ink) !important; background: transparent !important; min-height: var(--wp--custom--olcu--44) !important; width: var(--wp--custom--olcu--44); } .wc-block-mini-cart__drawer .nx-empty-cart { margin: var(--wp--custom--bosluk--24) var(--wp--custom--bosluk--20) var(--wp--custom--bosluk--12); } .wc-block-mini-cart__shopping-button { padding: 0 var(--wp--custom--bosluk--20) var(--wp--custom--bosluk--20); } /* Sipariş onayı */ .nx-oc { padding-bottom: var(--wp--custom--bosluk--72); } .nx-success { text-align: center; padding: var(--wp--custom--bosluk--40) 0 var(--wp--custom--bosluk--8); display: grid; gap: var(--wp--custom--bosluk--14); justify-items: center; } .nx-success > * { margin: 0 !important; } .nx-success-ok { width: var(--wp--custom--olcu--76); height: var(--wp--custom--olcu--76); border-radius: 50%; background: var(--c-sage); color: var(--wp--preset--color--beyaz); display: grid; place-items: center; } .nx-success-ok svg.nx-i { width: var(--wp--custom--olcu--38); height: var(--wp--custom--olcu--38); stroke-width: 2.2; } .nx-oc-status { text-align: center; } .nx-oc-status h1 { font-family: var(--f-display); font-weight: 500; font-size: var(--fs-2xl); line-height: 1.15; margin: 0; } .nx-oc-status p { font-size: var(--wp--custom--yazi--17); color: var(--c-ink-2); margin: var(--wp--custom--bosluk--8) 0 0; } .nx-oc-lead { max-width: 34em; } .nx-oc-summary { background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); border-radius: var(--r-lg); padding: var(--wp--custom--bosluk--16) var(--wp--custom--bosluk--20); } .nx-oc-summary ul { margin: 0; } .nx-oc-h { font-size: var(--wp--custom--yazi--24) !important; margin-top: var(--wp--custom--bosluk--32) !important; } .nx-oc-h3 { font-size: var(--wp--custom--yazi--20) !important; } .nx-oc-addr { margin-top: var(--wp--custom--bosluk--24) !important; } /* Teşekkür sayfası "Ek bilgiler" (fatura türü, TC, izinler): etiket solda, değer sağda; uzun etiketler sarar. */ .nx-oc .wc-block-components-additional-fields-list { display: grid; grid-template-columns: 1fr auto; gap: var(--wp--custom--bosluk--8) var(--wp--custom--bosluk--16); margin: 0; padding: var(--wp--custom--bosluk--16) var(--wp--custom--bosluk--20); font-size: var(--wp--custom--yazi--15); } .nx-oc .wc-block-components-additional-fields-list dt { font-weight: 600; margin: 0; padding: 0; border: 0; } .nx-oc .wc-block-components-additional-fields-list dd { margin: 0; padding: 0; border: 0; text-align: right; } .nx-oc .wc-block-order-confirmation-totals table { border-collapse: collapse; width: 100%; } .nx-oc .wc-block-order-confirmation-totals td, .nx-oc .wc-block-order-confirmation-totals th { border-color: var(--c-line) !important; } .nx-oc-back { margin-top: var(--wp--custom--bosluk--32) !important; } /* Teşekkür teklifi (eklenti: .nx-tesekkur) */ .nx-tesekkur { display: grid; gap: var(--wp--custom--bosluk--14); margin: var(--wp--custom--bosluk--24) 0 var(--wp--custom--bosluk--8); text-align: left; } .nx-tesekkur > div { border-radius: var(--r-md); padding: var(--wp--custom--bosluk--16); background: var(--c-surface); border: var(--wp--custom--cizgi--1) solid var(--c-line-2); } .nx-tesekkur .nx-kod { border: var(--wp--custom--cizgi--1-5) dashed var(--c-accent); background: var(--wp--custom--renk--kil-zemin); display: flex; flex-wrap: wrap; gap: var(--wp--custom--bosluk--12); align-items: center; } .nx-tesekkur .nx-kod p { flex: 1 1 var(--wp--custom--olcu--200); margin: var(--wp--custom--bosluk--6) 0 0; } .nx-ust { display: inline-flex; align-items: center; gap: var(--wp--custom--bosluk--8); font-size: var(--wp--custom--yazi--12-5); letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--c-ink-2); opacity: 1; } .nx-ust::before { content: ""; width: var(--wp--custom--olcu--18); height: var(--wp--custom--olcu--1-5); background: currentColor; } .nx-kod__kod { font: 700 var(--wp--custom--yazi--20) var(--wp--preset--font-family--mono); letter-spacing: .06em; color: var(--c-accent-hover); border: var(--wp--custom--cizgi--1) solid var(--wp--custom--renk--kil-cizgi-2); background: var(--wp--preset--color--beyaz); border-radius: var(--wp--custom--yaricap--8); padding: var(--wp--custom--bosluk--6) var(--wp--custom--bosluk--10); } .nx-oneriler h2 { font-size: var(--wp--custom--yazi--24); margin: 0 0 var(--wp--custom--bosluk--8); } .nx-oneriler ul { grid-template-columns: 1fr 1fr; } .nx-oneriler img { aspect-ratio: 4/5; object-fit: cover; background: var(--c-sand); mix-blend-mode: multiply; border-radius: var(--r-md); } .nx-oneriler a { font-weight: 600; font-size: var(--wp--custom--yazi--15); } .nx-tesekkur .nx-davet { background: var(--c-sage); color: var(--wp--preset--color--beyaz); border: 0; display: grid; gap: var(--wp--custom--bosluk--10); } .nx-tesekkur .nx-davet .nx-ust { color: var(--wp--preset--color--adacayi-acik); } .nx-tesekkur .nx-davet p { color: var(--wp--custom--renk--adacayi-ustu); margin: 0; } .nx-davet__link { width: 100%; max-width: none; min-height: var(--wp--custom--olcu--46); border-radius: var(--wp--custom--yaricap--12); border: 0; padding: 0 var(--wp--custom--bosluk--12); font-size: var(--wp--custom--yazi--14); color: var(--c-ink); } .nx-btn--wa { background: var(--wp--preset--color--beyaz) !important; color: var(--c-sage) !important; justify-self: start; } /* ===== Hareket azaltma ===== */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } @media (max-width: 699px) { .wc-block-cart-items .wc-block-cart-item__total .wc-block-components-sale-badge { display: none; } .wc-block-cart-items .wc-block-cart-item__total { width: var(--wp--custom--olcu--84); } .wc-block-cart-items .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: flex-end; } } .wc-block-cart-items .wc-block-cart-item__product { min-width: 0; } .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-name, .wp-block-woocommerce-cart-cross-sells-block h3, .wp-block-woocommerce-cart-cross-sells-block .wp-block-post-title { font-family: var(--f-body) !important; font-size: var(--wp--custom--yazi--15) !important; font-weight: 600; color: var(--c-ink) !important; } .wp-block-woocommerce-cart-cross-sells-block .wp-block-post-title a { color: var(--c-ink); text-decoration: none; } /* Tüm ürün koleksiyonlarında kart başlığı ve görsel dili */ .wc-block-product .wp-block-post-title { font-family: var(--f-body) !important; font-size: var(--fs-base) !important; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-align: left; } .wc-block-product .wp-block-post-title a { color: var(--c-ink); text-decoration: none; } .wc-block-product .wc-block-components-product-image { border-radius: var(--r-md); overflow: hidden; background: var(--c-card); } .wc-block-product .wc-block-components-product-image img { mix-blend-mode: multiply; } .wc-block-product .wc-block-components-product-price { justify-content: flex-start; } .nx-cart .wc-block-mini-cart__button { position: relative; } .nx-card-add .wc-block-components-product-button__button { width: var(--wp--custom--olcu--44) !important; height: var(--wp--custom--olcu--44) !important; min-width: var(--wp--custom--olcu--44); flex: none; } .nx-search-page { margin: var(--wp--custom--bosluk--16) 0 var(--wp--custom--bosluk--24) !important; max-width: var(--wp--custom--olcu--560); } .nx-search-page .wp-block-search__inside-wrapper { gap: var(--wp--custom--bosluk--8); border: 0; padding: 0; } .nx-search-page .wp-block-search__input { min-height: var(--wp--custom--olcu--50); border: var(--wp--custom--cizgi--1-5) solid var(--c-line); border-radius: var(--r-pill); background: var(--c-surface); padding: 0 var(--wp--custom--bosluk--18); font-size: var(--wp--custom--yazi--16); } .nx-search-page .wp-block-search__input:focus { outline: none; border-color: var(--c-accent); box-shadow: var(--wp--custom--odak-halkasi); } .nx-search-page .wp-block-search__button { margin: 0; min-height: var(--wp--custom--olcu--50); } .nx-404 .nx-search-page { margin: var(--wp--custom--bosluk--24) auto 0 !important; } /* Yapay zekâ sahne görselleri: ürün kırpımı değil, çarpma karışımı yok */ .nx-cat-img img[src*="/assets/img/"] { mix-blend-mode: normal; } .nx-bundle-imgs img[src*="/assets/img/"] { mix-blend-mode: normal; } /* ===================================================================== * Yön A "Sıcak Atölye, tek iplik" — ana sayfa bileşenleri (12 Eki 2026) * ===================================================================== */ /* Kahraman ürün */ .nx-spot { display: grid; gap: var(--sp-6); align-items: center; } .nx-spot > * { min-width: 0; } .nx-spot-img { display: block; border-radius: var(--r-lg); overflow: hidden; background: var(--c-card); aspect-ratio: 1 / 1; } .nx-spot-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); } .nx-spot-img:hover img { transform: scale(1.03); } .nx-spot-body { display: grid; gap: var(--sp-4); align-content: start; } .nx-spot-body > * { margin: 0; } .nx-spot-body h2 { font-size: var(--fs-2xl); margin: calc(var(--sp-2) * -1) 0 0; } .nx-spot-body h2 a { color: inherit; text-decoration: none; } .nx-spot .nx-checks { margin: 0 !important; font-size: var(--fs-base); } .nx-spot .nx-checks li::before { background: var(--c-accent); } .nx-spot-renk { display: flex; align-items: center; gap: var(--sp-3); font-size: var(--fs-sm); } .nx-spot-renk .nx-dots { gap: var(--wp--custom--bosluk--6); flex-wrap: wrap; } .nx-spot-renk .nx-dots i { width: var(--wp--custom--olcu--20); height: var(--wp--custom--olcu--20); } .nx-spot-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); flex-wrap: wrap; padding-top: var(--sp-4); border-top: var(--wp--custom--cizgi--1) solid var(--c-line); } .nx-spot-fiyat { margin: 0; font-size: var(--fs-lg); font-weight: 700; } .nx-spot-alt .nx-btn { min-height: var(--wp--custom--olcu--52); padding-inline: var(--sp-8); } @media (min-width: 900px) { .nx-spot { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--wp--custom--bosluk--72); } .nx-spot-img { aspect-ratio: 5 / 4; } } /* Yıkama günü (orman: yalnız yıkama ve güven) */ .nx-wash { background: var(--c-forest-soft); color: var(--c-forest-ink); padding-block: var(--sp-12); } @media (min-width: 768px) { .nx-wash { padding-block: var(--wp--custom--bosluk--88); } } .nx-wash-head { max-width: 40em; } .nx-wash-head > * { margin: 0; } .nx-wash .nx-eyebrow { color: var(--c-forest); } .nx-wash h2 { font-size: var(--fs-2xl); margin-top: var(--sp-3); color: var(--c-forest-ink); } .nx-wash h2 em { font-style: italic; } .nx-dalga { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 6'%3E%3Cpath d='M0 3c3 0 3-2.4 6-2.4S9 5.4 12 5.4s3-2.4 6-2.4 3 2.4 6 2.4' fill='none' stroke='%232F4A3A' stroke-width='1.6'/%3E%3C/svg%3E") repeat-x 0 100% / 18px 5px; padding-bottom: .12em; } .nx-wash-head p { margin-top: var(--sp-3); font-size: var(--fs-base); } .nx-wash-steps { list-style: none; margin: var(--sp-8) 0 0; padding: 0; display: grid; gap: var(--wp--custom--bosluk--10); } .nx-wash-steps li { display: flex; align-items: center; gap: var(--sp-4); background: var(--c-surface); border-radius: var(--r-md); padding: var(--wp--custom--bosluk--14) var(--sp-4); } .nx-wash-ic { flex: none; width: var(--wp--custom--olcu--56); height: var(--wp--custom--olcu--56); color: var(--c-forest); } .nx-wash-ic svg { display: block; width: 100%; height: 100%; } .nx-wash-steps b { display: block; font-size: var(--fs-base); color: var(--c-ink); } .nx-wash-steps b .n { font-family: var(--f-display); color: var(--c-accent); font-weight: 500; margin-right: var(--wp--custom--bosluk--4); } .nx-wash-steps li > span > span { font-size: var(--fs-sm); color: var(--c-ink-2); } .nx-wash-son { margin: var(--sp-6) 0 0; font-family: var(--f-display); font-style: italic; font-size: var(--fs-lg); color: var(--c-forest); } @media (min-width: 900px) { .nx-wash-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--custom--bosluk--20); } .nx-wash-steps li { flex-direction: column; align-items: flex-start; padding: var(--sp-6); gap: var(--sp-3); } .nx-wash-ic { width: var(--wp--custom--olcu--72); height: var(--wp--custom--olcu--72); } } /* Kısa SSS */ .nx-faq .nx-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-4); flex-wrap: wrap; } .nx-faq .nx-sec-head p a { color: var(--c-ink); font-weight: 600; text-underline-offset: 4px; } .nx-faq-list { border-top: var(--wp--custom--cizgi--1) solid var(--c-line); max-width: 52em; } .nx-faq-item { border-bottom: var(--wp--custom--cizgi--1) solid var(--c-line); } .nx-faq-item summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); min-height: var(--wp--custom--olcu--56); padding: var(--sp-3) 0; font-weight: 600; font-size: var(--fs-base); } .nx-faq-item summary::-webkit-details-marker { display: none; } .nx-faq-item summary::after { content: ""; flex: none; width: var(--wp--custom--olcu--20); height: var(--wp--custom--olcu--20); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat; transition: transform .2s var(--ease); } .nx-faq-item[open] summary::after { transform: rotate(45deg); } .nx-faq-item p { margin: 0 0 var(--sp-4); color: var(--c-ink-2); max-width: 44em; } @media (min-width: 900px) { .nx-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--wp--custom--bosluk--56); } .nx-faq .nx-sec-head { display: block; } .nx-faq .nx-sec-head p { margin-top: var(--sp-3); } } /* İş ortaklığı tek satır */ .nx-b2b-line { padding-bottom: var(--sp-12); } .nx-b2b-line p { margin: 0; line-height: 1.7; padding: var(--sp-4); border: var(--wp--custom--cizgi--1) dashed var(--c-line); border-radius: var(--r-md); font-size: var(--fs-sm); color: var(--c-ink-2); } .nx-b2b-line p svg { vertical-align: -3px; margin-right: var(--sp-1); } .nx-b2b-line a { color: var(--c-ink); font-weight: 600; text-underline-offset: 4px; white-space: nowrap; margin-right: var(--sp-4); } .nx-b2b-line a:hover { color: var(--c-accent); } /* Alt bilgi (K24 logosu, imza satırı) */ .nx-foot .nx-logo img { height: var(--wp--custom--olcu--42); width: auto; } .nx-foot-contact span { display: inline-flex; gap: var(--sp-2); align-items: center; } .nx-foot-bottom span:first-child { color: var(--wp--custom--renk--koyu-metin); } @media (max-width: 599px) { .nx-foot-grid { gap: var(--sp-6) var(--sp-4); } .nx-foot ul { gap: 0; } .nx-foot li { line-height: 1.25; } .nx-foot li a { min-height: var(--wp--custom--olcu--36); padding: var(--wp--custom--bosluk--2) 0; box-sizing: border-box; } } /* ===== Çerez paneli (eklenti nerotex-baglanti işaretlemesi; tema yalnız görünüm) ===== * Telefonda alt şerit (≈ ekranın %14'ü): kısa metin + [Ayarlar] [Reddet] [Kabul et]; Reddet ve Kabul et eşit ağırlıkta. */ body .nerotex-onay { padding: 0; z-index: 1000; } body .nerotex-onay__kutu { max-width: var(--wp--custom--olcu--640); border-radius: var(--r-lg) var(--r-lg) 0 0; border: 0; border-top: var(--wp--custom--cizgi--1) solid var(--c-line); background: var(--c-surface); color: var(--c-ink); box-shadow: 0 -8px 28px var(--wp--custom--renk--golge); padding: var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom)); font: 400 var(--fs-sm)/1.4 var(--f-body); display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); gap: var(--wp--custom--bosluk--10) var(--sp-2); grid-auto-flow: row dense; align-items: center; } body .nerotex-onay__baslik { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; margin: 0; } body .nerotex-onay__metin { grid-column: 1 / -1; margin: 0; color: var(--c-ink-2); font-size: var(--fs-sm); } body .nerotex-onay__metin a { color: var(--c-ink); } body .nerotex-onay__tercihler { grid-column: 1 / -1; margin: 0; font-size: var(--fs-sm); } body .nerotex-onay__tercihler label { display: flex; gap: var(--sp-2); align-items: center; min-height: var(--wp--custom--olcu--32); } body .nerotex-onay__dugmeler { display: contents; } body .nerotex-onay__dugme { flex: none; min-height: var(--wp--custom--olcu--44); margin: 0; padding: 0 var(--sp-3); border-radius: var(--r-pill); border: var(--wp--custom--cizgi--1-5) solid var(--c-ink); background: var(--c-surface); color: var(--c-ink); font: 600 var(--fs-sm)/1.1 var(--f-body); cursor: pointer; } body .nerotex-onay__dugme:hover, body .nerotex-onay__dugme:focus-visible { background: var(--c-ink); color: var(--wp--preset--color--beyaz); outline-offset: 2px; } body .nerotex-onay__dugme[data-nerotex-onay="tercih"], body .nerotex-onay__dugme[data-nerotex-onay="kaydet"] { grid-column: 1; border-color: transparent; background: transparent; text-decoration: underline; text-underline-offset: 3px; padding-inline: var(--wp--custom--bosluk--6); color: var(--c-ink-2); } body .nerotex-onay__dugme[data-nerotex-onay="kaydet"] { color: var(--c-ink); } body .nerotex-onay__dugme[data-nerotex-onay="tercih"]:hover, body .nerotex-onay__dugme[data-nerotex-onay="kaydet"]:hover { background: transparent; color: var(--c-ink); } body .nerotex-onay__dugme[data-nerotex-onay="reddet"] { grid-column: 2; } body .nerotex-onay__dugme[data-nerotex-onay="kabul"] { grid-column: 3; } body .nerotex-onay__dugme[hidden], body .nerotex-onay__tercihler[hidden] { display: none; } @media (min-width: 768px) { body .nerotex-onay { padding: var(--sp-4); } body .nerotex-onay__kutu { max-width: 980px; border-radius: var(--r-lg); border: var(--wp--custom--cizgi--1) solid var(--c-line); grid-template-columns: minmax(0, 1fr) auto var(--wp--custom--olcu--124) var(--wp--custom--olcu--124); padding: var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-6); box-shadow: var(--sh-2); } body .nerotex-onay__metin { grid-column: 1; grid-row: 1; } body .nerotex-onay__tercihler { grid-column: 1 / -1; grid-row: 2; } body .nerotex-onay__dugme[data-nerotex-onay="tercih"], body .nerotex-onay__dugme[data-nerotex-onay="kaydet"] { grid-column: 2; grid-row: 1; } body .nerotex-onay__dugme[data-nerotex-onay="reddet"] { grid-column: 3; grid-row: 1; } body .nerotex-onay__dugme[data-nerotex-onay="kabul"] { grid-column: 4; grid-row: 1; } } /* ===== Bayi (13 Eki 2026): kart etiketi, ürün sayfası bayi satırı, ziyaretçi ipucu (ayarla) ===== */ .nx-bayi-etiket { display: inline-flex; align-items: center; vertical-align: middle; font-family: var(--f-body); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .02em; color: var(--c-forest); background: var(--c-forest-soft); border-radius: var(--r-pill); padding: var(--wp--custom--bosluk--2) var(--wp--custom--bosluk--8); } .nx-bayi-etiket.is-bos { color: var(--c-accent-hover); background: var(--c-accent-soft); } .nx-bayi-satir { display: grid; gap: var(--wp--custom--bosluk--4); margin: var(--wp--custom--bosluk--6) 0 var(--wp--custom--bosluk--12) !important; font-size: var(--fs-sm); color: var(--c-ink-2); } .nx-bayi-satir p { margin: 0; } .nx-bayi-satir a { color: var(--c-ink); font-weight: 600; } .nx-bayi-site { font-size: var(--fs-xs); } .nx-bayi-ipucu { display: flex; align-items: center; gap: var(--wp--custom--bosluk--6); margin: var(--wp--custom--bosluk--4) 0 var(--wp--custom--bosluk--8) !important; font-size: var(--fs-sm); color: var(--c-ink-2); } .nx-bayi-ipucu a { color: var(--c-ink); font-weight: 600; } /* Mağaza / kategori rehberi (ızgaranın altı; arama ve yapay zekâ için taranabilir metin) */ .nx-arc-rehber { max-width: 46em; margin: var(--wp--custom--bosluk--20) 0 var(--wp--custom--bosluk--12); padding-top: var(--wp--custom--bosluk--12); border-top: var(--wp--custom--cizgi--1) solid var(--c-line); color: var(--c-ink-2); font-size: var(--fs-sm); } .nx-arc-rehber h2 { font-size: var(--fs-lg, 1.25rem); color: var(--c-ink); margin: 0 0 var(--sp-3); } .nx-arc-rehber p { margin: 0 0 var(--sp-3); line-height: 1.6; } .nx-arc-rehber a { color: var(--c-ink); text-decoration: underline; text-underline-offset: 2px; } .nx-arc-sorular { display: grid; gap: var(--sp-4); margin-top: var(--sp-4); } .nx-arc-soru h3 { font-family: var(--f-body); font-size: var(--fs-sm); font-weight: 600; color: var(--c-ink); margin: 0 0 var(--sp-1, 4px); } .nx-arc-soru p { margin: 0; } @media (min-width: 900px) { .nx-arc-sorular { grid-template-columns: 1fr 1fr; column-gap: var(--wp--custom--bosluk--12); } }