– Pagina

/** Shopify CDN: Minification failed Line 12:0 Unexpected "<" Line 46:23 Expected identifier but found "'token'" Line 46:78 Unexpected ";" Line 73:2 Unexpected "<" Line 119:2 Unexpected "<" Line 273:2 Unexpected "<" Line 378:2 Unexpected "<" **/ Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes. – PaginaLiquid error: This liquid context does not allow includes.Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes.

Liquid error: This liquid context does not allow includes.

Liquid error: This liquid context does not allow includes. Liquid error: This liquid context does not allow includes. /* ========================================================= AnneBebe - Pickup Availability / Verificare stoc magazine ========================================================= */ .ab-store-availability-premium { margin: 14px 0 18px; padding: 14px 15px; border-radius: 16px; background: linear-gradient(135deg, #fbf6ee 0%, #f4eadc 100%); border: 1px solid rgba(205, 173, 128, 0.65); box-shadow: 0 6px 18px rgba(92, 67, 38, 0.07); color: #2c2925; } .ab-store-eyebrow { margin-bottom: 4px; font-size: 10.5px; line-height: 1.25; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #a47d4f; } .ab-store-title { font-size: 14px; line-height: 1.35; font-weight: 800; color: #2c2925; } .ab-store-subtitle { margin-top: 4px; font-size: 12.3px; line-height: 1.45; color: #7b6a58; } .ab-store-online-note { margin-top: 5px; font-size: 11.5px; line-height: 1.35; color: #9a7a54; font-weight: 600; } .ab-store-dropdown { margin-top: 10px; } .ab-store-dropdown summary { list-style: none; } .ab-store-dropdown summary::-webkit-details-marker { display: none; } .ab-store-dropdown-button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 34px; padding: 8px 15px !important; border-radius: 999px !important; border: 1px solid rgba(154, 113, 62, 0.38) !important; background: linear-gradient(180deg, #fff8ec 0%, #ead3ad 100%) !important; color: #76562d !important; font-size: 12px !important; font-weight: 850 !important; cursor: pointer; text-decoration: none !important; box-shadow: 0 4px 11px rgba(111, 79, 37, 0.12); } .ab-store-dropdown-button span::after { content: " ↓"; font-weight: 900; } .ab-store-dropdown[open] .ab-store-dropdown-button span::after { content: " ↑"; } .ab-store-dropdown-content { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(205, 173, 128, 0.42); } .ab-store-loading, .ab-store-no-stock-message { padding: 10px 11px; border-radius: 12px; background: rgba(255, 255, 255, 0.65); border: 1px solid rgba(205, 173, 128, 0.28); color: #7b6a58; font-size: 12px; line-height: 1.45; font-weight: 600; } .ab-store-list { margin: 0; padding: 0; list-style: none; } .ab-store-item { margin: 8px 0; padding: 11px 12px; border-radius: 13px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(205, 173, 128, 0.34); } .ab-store-main-line { font-size: 12.2px; line-height: 1.65; color: #6d6257; } .ab-store-location { color: #2c2925; font-size: 13px; font-weight: 850; } .ab-store-detail, .ab-store-inline-info { color: #7b6a58; } .ab-store-phone-inline { margin-left: 6px; color: #6d6257; white-space: nowrap; } .ab-store-phone-link, .ab-store-map-link { color: #8a6438 !important; font-weight: 850; text-decoration: underline !important; text-underline-offset: 3px; } .ab-store-stock-block { margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(205, 173, 128, 0.26); } .ab-store-stock-title { margin-bottom: 5px; color: #2f7d42; font-size: 12.5px; line-height: 1.35; font-weight: 900; } .ab-store-size-list { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; } .ab-size-status-item { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; line-height: 1.3; font-weight: 750; white-space: nowrap; } .ab-size-icon { width: 9px; height: 9px; min-width: 9px; display: inline-flex; align-items: center; justify-content: center; } .ab-size-icon-available { border-radius: 50%; background: #2f9b49; box-shadow: 0 0 0 3px rgba(47, 125, 66, 0.12); } .ab-size-available { color: #2f7d42; } .ab-size-status-item.is-current { padding: 3px 7px; border-radius: 999px; background: rgba(47, 125, 66, 0.09); border: 1px solid rgba(47, 125, 66, 0.22); } .ab-current-badge { display: inline-flex; padding: 2px 6px; border-radius: 999px; background: #2f7d42; color: #fff; font-size: 9px; line-height: 1.2; font-weight: 900; text-transform: uppercase; } .ab-store-disclaimer { margin-top: 10px; padding: 8px 9px; border-radius: 10px; background: rgba(255, 255, 255, 0.48); border: 1px solid rgba(205, 173, 128, 0.22); font-size: 11px; line-height: 1.45; color: #7b6a58; } @media (max-width: 749px) { .ab-store-availability-premium { margin: 13px 0 16px; padding: 13px; border-radius: 14px; } .ab-store-dropdown-button { width: 100%; } .ab-store-main-line { font-size: 11.5px; } .ab-store-size-list { gap: 6px 9px; } .ab-size-status-item { font-size: 11.4px; } } /* ── AnneBebe — Toate mărimile în modal ───────────────────── */ .ab-all-sizes-block { margin-top: 18px; padding-top: 14px; border-top: 2px solid rgba(205, 173, 128, 0.35); } .ab-all-sizes-header { margin-bottom: 10px; font-size: 13px; font-weight: 800; color: #2c2925; text-transform: uppercase; letter-spacing: 0.06em; } .ab-all-sizes-loading { font-size: 12px; color: #7b6a58; padding: 6px 0; } .ab-all-sizes-empty { font-size: 12px; color: #7b6a58; padding: 6px 0; } .ab-store-sizes-group { margin-bottom: 12px; } .ab-store-sizes-name { font-size: 12px; font-weight: 800; color: #2f7d42; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.05em; } .ab-store-sizes-list { display: flex; flex-wrap: wrap; gap: 6px 8px; } .ab-size-pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; background: rgba(47, 125, 66, 0.07); border: 1px solid rgba(47, 125, 66, 0.2); color: #2f7d42; font-size: 11.5px; font-weight: 700; white-space: nowrap; } .ab-size-pill--current { background: rgba(47, 125, 66, 0.15); border-color: rgba(47, 125, 66, 0.45); font-weight: 900; } .ab-size-dot { width: 7px; height: 7px; min-width: 7px; border-radius: 50%; background: #2f9b49; } .ab-size-badge { display: inline-flex; padding: 1px 5px; border-radius: 999px; background: #2f7d42; color: #fff; font-size: 9px; font-weight: 900; text-transform: uppercase; } /* ========================================================= CameraBebelusului / AnneBebe - FIX final 08.05.2026 Compatibilitate pentru boxul nou generat cu clase abx-* + readuce bejul pe buton/swatch/header. ========================================================= */ :root { --ab-cb-beige: #d8b892; --ab-cb-beige-dark: #cfa77f; --ab-cb-beige-border: rgba(205, 173, 128, 0.72); --ab-cb-text: #2c2925; --ab-cb-muted: #7b6a58; --ab-cb-brown: #76562d; --ab-cb-green: #2f7d42; } /* Buton comandă / adaugă în coș - revine pe bej */ .product .single_add_to_cart_button, .product-single .single_add_to_cart_button, .nt_cart_form .single_add_to_cart_button, .variations_form .single_add_to_cart_button, button.single_add_to_cart_button { background: var(--ab-cb-beige) !important; background-color: var(--ab-cb-beige) !important; border-color: var(--ab-cb-beige) !important; color: #ffffff !important; box-shadow: none !important; } .product .single_add_to_cart_button:hover, .product-single .single_add_to_cart_button:hover, .nt_cart_form .single_add_to_cart_button:hover, .variations_form .single_add_to_cart_button:hover, button.single_add_to_cart_button:hover { background: var(--ab-cb-beige-dark) !important; background-color: var(--ab-cb-beige-dark) !important; border-color: var(--ab-cb-beige-dark) !important; color: #ffffff !important; } /* Swatch/radio - scoate roșul default și pune bej */ .nt_cart_form input[type="radio"], .variations_form input[type="radio"], #callBackVariant_ppr input[type="radio"] { accent-color: var(--ab-cb-beige) !important; } .nt_cart_form input[type="radio"]:checked, .variations_form input[type="radio"]:checked, #callBackVariant_ppr input[type="radio"]:checked { accent-color: var(--ab-cb-beige) !important; } .nt_cart_form .swatch input:checked + label, .nt_cart_form .swatch_radio input:checked + label, .nt_cart_form .swatch__list input:checked + label, .nt_cart_form input[type="radio"]:checked + label, .variations_form .swatch input:checked + label, .variations_form .swatch_radio input:checked + label, .variations_form .swatch__list input:checked + label, .variations_form input[type="radio"]:checked + label, #callBackVariant_ppr input[type="radio"]:checked + label { border-color: var(--ab-cb-beige) !important; box-shadow: 0 0 0 1px var(--ab-cb-beige) inset !important; color: #111111 !important; } .nt_cart_form label:hover, .variations_form label:hover, #callBackVariant_ppr label:hover { border-color: var(--ab-cb-beige) !important; } /* Header alb la scroll, ca să nu mai devină transparent */ #shopify-section-header, #shopify-section-header .ntheader, #shopify-section-header .header__mid, #shopify-section-header .header__bot, #shopify-section-header .header__wrapper, #ntheader, .ntheader, .is-sticky #ntheader, .is-sticky .ntheader, .header-sticky, .header-sticky .ntheader { background: #ffffff !important; background-color: #ffffff !important; } #shopify-section-header { z-index: 999 !important; } /* Box disponibilitate NOU - clase abx-* din pr_summary.liquid */ [data-abx-store-availability-container] .abx-stock-box { margin: 14px 0 18px !important; padding: 14px 15px !important; border-radius: 16px !important; background: linear-gradient(135deg, #fbf6ee 0%, #f4eadc 100%) !important; border: 1px solid var(--ab-cb-beige-border) !important; box-shadow: 0 6px 18px rgba(92, 67, 38, 0.07) !important; color: var(--ab-cb-text) !important; font-family: inherit !important; } [data-abx-store-availability-container] .abx-main-head { display: flex !important; gap: 10px !important; align-items: flex-start !important; } [data-abx-store-availability-container] .abx-status-icon { width: 27px !important; height: 27px !important; min-width: 27px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(205, 173, 128, 0.8) !important; background: #fff8ef !important; color: #c69468 !important; font-weight: 900 !important; font-size: 15px !important; } [data-abx-store-availability-container] .abx-eyebrow { margin-bottom: 4px !important; font-size: 10.5px !important; line-height: 1.25 !important; font-weight: 900 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #8d6743 !important; } [data-abx-store-availability-container] .abx-title { font-size: 13px !important; line-height: 1.35 !important; font-weight: 850 !important; color: var(--ab-cb-text) !important; } [data-abx-store-availability-container] .abx-subtitle, [data-abx-store-availability-container] .abx-note { margin-top: 4px !important; font-size: 11.8px !important; line-height: 1.35 !important; color: var(--ab-cb-muted) !important; font-weight: 600 !important; } [data-abx-store-availability-container] .abx-dropdown { margin-top: 12px !important; } [data-abx-store-availability-container] .abx-dropdown summary { list-style: none !important; } [data-abx-store-availability-container] .abx-dropdown summary::-webkit-details-marker { display: none !important; } [data-abx-store-availability-container] .abx-dropdown-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 8px 15px !important; border-radius: 999px !important; border: 1px solid rgba(154, 113, 62, 0.38) !important; background: linear-gradient(180deg, #fff8ec 0%, #ead3ad 100%) !important; color: var(--ab-cb-brown) !important; font-size: 12px !important; font-weight: 850 !important; cursor: pointer !important; text-decoration: none !important; box-shadow: 0 4px 11px rgba(111, 79, 37, 0.12) !important; } [data-abx-store-availability-container] .abx-dropdown-button span::after { content: " ↓" !important; font-weight: 900 !important; } [data-abx-store-availability-container] .abx-dropdown[open] .abx-dropdown-button span::after { content: " ↑" !important; } [data-abx-store-availability-container] .abx-dropdown-content { margin-top: 12px !important; padding-top: 12px !important; border-top: 1px solid rgba(205, 173, 128, 0.42) !important; } [data-abx-store-availability-container] .abx-store-list { margin: 0 !important; padding: 0 !important; list-style: none !important; } [data-abx-store-availability-container] .abx-store-card { margin: 8px 0 !important; padding: 11px 12px !important; border-radius: 13px !important; background: rgba(255, 255, 255, 0.72) !important; border: 1px solid rgba(205, 173, 128, 0.34) !important; } [data-abx-store-availability-container] .abx-store-card.is-available { background: rgba(249, 255, 248, 0.74) !important; border-color: rgba(123, 171, 119, 0.45) !important; } [data-abx-store-availability-container] .abx-store-card.is-unavailable { background: rgba(255, 251, 246, 0.72) !important; } [data-abx-store-availability-container] .abx-store-topline { display: flex !important; gap: 8px !important; align-items: flex-start !important; } [data-abx-store-availability-container] .abx-dot { width: 10px !important; height: 10px !important; min-width: 10px !important; border-radius: 50% !important; margin-top: 4px !important; background: var(--ab-cb-beige) !important; box-shadow: 0 0 0 4px rgba(216, 184, 146, 0.16) !important; } [data-abx-store-availability-container] .abx-store-card.is-available .abx-dot { background: #8bb978 !important; box-shadow: 0 0 0 4px rgba(139, 185, 120, 0.16) !important; } [data-abx-store-availability-container] .abx-store-name { font-size: 12.5px !important; line-height: 1.35 !important; color: var(--ab-cb-text) !important; font-weight: 900 !important; } [data-abx-store-availability-container] .abx-store-detail, [data-abx-store-availability-container] .abx-store-program, [data-abx-store-availability-container] .abx-store-address, [data-abx-store-availability-container] .abx-store-meta-line { color: var(--ab-cb-muted) !important; font-size: 11.4px !important; line-height: 1.45 !important; } [data-abx-store-availability-container] .abx-map-link-inline { margin-left: 5px !important; color: #8a6438 !important; font-weight: 850 !important; text-decoration: underline !important; text-underline-offset: 3px !important; font-size: 11.4px !important; } [data-abx-store-availability-container] .abx-sizes-wrap { margin-top: 8px !important; padding-top: 8px !important; border-top: 1px dashed rgba(205, 173, 128, 0.42) !important; } [data-abx-store-availability-container] .abx-sizes-row { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; margin-top: 5px !important; } [data-abx-store-availability-container] .abx-sizes-label { font-size: 11.5px !important; font-weight: 900 !important; color: var(--ab-cb-green) !important; } [data-abx-store-availability-container] .abx-sizes-label.unavailable { color: #9b8063 !important; } [data-abx-store-availability-container] .abx-sizes-list { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; } [data-abx-store-availability-container] .abx-size-pill { display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 3px 8px !important; border-radius: 999px !important; font-size: 10.8px !important; line-height: 1.25 !important; font-weight: 750 !important; white-space: nowrap !important; } [data-abx-store-availability-container] .abx-size-pill.is-available { background: rgba(47, 125, 66, 0.08) !important; border: 1px solid rgba(47, 125, 66, 0.22) !important; color: var(--ab-cb-green) !important; } [data-abx-store-availability-container] .abx-size-pill.is-unavailable { background: rgba(216, 184, 146, 0.12) !important; border: 1px solid rgba(216, 184, 146, 0.35) !important; color: #9b8063 !important; text-decoration: line-through !important; } [data-abx-store-availability-container] .abx-size-pill.is-selected, [data-abx-store-availability-container] .abx-preorder-line.is-selected { border-color: rgba(205, 151, 94, 0.65) !important; box-shadow: 0 0 0 1px rgba(205, 151, 94, 0.32) inset !important; } [data-abx-store-availability-container] .abx-size-pill em, [data-abx-store-availability-container] .abx-preorder-line em { display: inline-flex !important; padding: 1px 5px !important; border-radius: 999px !important; background: var(--ab-cb-beige) !important; color: #ffffff !important; font-size: 8.5px !important; font-style: normal !important; font-weight: 900 !important; text-transform: uppercase !important; } [data-abx-store-availability-container] .abx-preorder-line, [data-abx-store-availability-container] .abx-store-empty { margin-top: 6px !important; padding: 7px 9px !important; border-radius: 10px !important; background: rgba(255, 248, 236, 0.82) !important; border: 1px solid rgba(205, 173, 128, 0.36) !important; color: var(--ab-cb-muted) !important; font-size: 11.4px !important; line-height: 1.35 !important; font-weight: 700 !important; } [data-abx-store-availability-container] .abx-preorder-product { font-weight: 900 !important; color: var(--ab-cb-brown) !important; } [data-abx-store-availability-container] .abx-preorder-action { margin-left: 4px !important; color: var(--ab-cb-muted) !important; } [data-abx-store-availability-container] .abx-disclaimer { margin-top: 10px !important; padding: 8px 9px !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.48) !important; border: 1px solid rgba(205, 173, 128, 0.22) !important; font-size: 11px !important; line-height: 1.45 !important; color: var(--ab-cb-muted) !important; } @media (max-width: 749px) { [data-abx-store-availability-container] .abx-stock-box { padding: 13px !important; border-radius: 14px !important; } [data-abx-store-availability-container] .abx-dropdown-button { width: 100% !important; } [data-abx-store-availability-container] .abx-store-meta-line, [data-abx-store-availability-container] .abx-store-detail, [data-abx-store-availability-container] .abx-store-program, [data-abx-store-availability-container] .abx-store-address { font-size: 11px !important; } } /* ========================================================= CameraBebelusului.ro - FIX FINAL culori produs, variante, header sticky si box disponibilitate magazine Se pune la final de tot in theme.css ========================================================= */ :root { --cb-bej: #d1ad88; --cb-bej-hover: #c69b72; --cb-bej-light: #fffaf7; --cb-bej-soft: #f7ecdf; --cb-border: #ead8c5; --cb-text: #3d261d; --cb-text-soft: #5f4637; } /* ========================================================= 1. HEADER - fara transparenta la scroll ========================================================= */ #ntheader, .ntheader, .ntheader .sp_header_mid, .ntheader.live_stuck, .ntheader.live_stuck .sp_header_mid, .ntheader.live_stuck .header__mid, .ntheader.live_stuck .header__bot, .h__lz_img .sp_header_mid, .des_header_7 .h__lz_img .sp_header_mid { background-color: #ffffff !important; background: #ffffff !important; } .ntheader.live_stuck { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important; } .h_transparent_true.template-index .ntheader.live_stuck .sp_header_mid, .h_transparent_true.template-index .ntheader.live_stuck .header__mid, .h_transparent_true.template-index .ntheader.live_stuck .header__bot { background-color: #ffffff !important; background: #ffffff !important; } .ntheader.live_stuck .nt_menu > li > a, .ntheader.live_stuck .nt_action > a, .ntheader.live_stuck .nt_action > div > a, .ntheader.live_stuck .branding > a, .ntheader.live_stuck .cus_txt_h, .ntheader.live_stuck .header_categories { color: #111111 !important; } .ntheader.live_stuck .push-menu-btn > svg { fill: #111111 !important; } /* ========================================================= 2. BUTON ADAUGA IN COS / COMANDA - bej, nu bleu ========================================================= */ .single_add_to_cart_button, .single_add_to_cart_button.button, button.single_add_to_cart_button, .variations_button .single_add_to_cart_button { background: var(--cb-bej) !important; background-color: var(--cb-bej) !important; border-color: var(--cb-bej) !important; color: #ffffff !important; box-shadow: none !important; } .single_add_to_cart_button:hover, .single_add_to_cart_button.button:hover, button.single_add_to_cart_button:hover, .variations_button .single_add_to_cart_button:hover { background: var(--cb-bej-hover) !important; background-color: var(--cb-bej-hover) !important; border-color: var(--cb-bej-hover) !important; color: #ffffff !important; } .single_add_to_cart_button.disabled, .single_add_to_cart_button:disabled { opacity: 0.65 !important; } /* Cantitate +/- fara bleu agresiv */ .variations_form .quantity, .variations_button .quantity { border-color: #d8c6b4 !important; } .variations_form .quantity button, .variations_button .quantity button { color: #111111 !important; background: transparent !important; } .variations_form .quantity button:hover, .variations_button .quantity button:hover { color: #8b5e3c !important; background: transparent !important; } /* ========================================================= 3. SELECTIE VARIANTE - fara rosu, fara stricarea functionalitatii Aceste reguli sunt strict pe structura temei Kalles/Gecko. ========================================================= */ .variations.style__radio .swatch:not(.is-color) li, .variations.style__radio.full .swatch:not(.is-color) li, .variations.style__radio .swatch li, .variations_form .nt_lt_fake ul > li { border-color: #d8c6b4 !important; background: #ffffff !important; color: #111111 !important; box-shadow: none !important; } .variations.style__radio .swatch:not(.is-color) li:hover, .variations.style__radio.full .swatch:not(.is-color) li:hover, .variations.style__radio .swatch:not(.is-color) li.is-selected, .variations.style__radio .swatch:not(.is-color) li.is-selected-nt, .variations.style__radio.full .swatch:not(.is-color) li.is-selected, .variations.style__radio.full .swatch:not(.is-color) li.is-selected-nt, .variations_form .nt_lt_fake ul > li:hover, .variations_form .nt_lt_fake ul > li.is-selected, .variations_form .nt_lt_fake ul > li.is-selected-nt { border-color: var(--cb-bej) !important; background: var(--cb-bej-light) !important; color: #111111 !important; box-shadow: 0 0 0 1px rgba(209, 173, 136, 0.22) !important; } .variations.style__radio li span.radio_styled, .variations.style__radio li:hover span.radio_styled, .variations.style__radio li.is-selected span.radio_styled, .variations.style__radio li.is-selected-nt span.radio_styled { border-color: var(--cb-bej) !important; background: #ffffff !important; } .variations.style__radio li.is-selected span.radio_styled:after, .variations.style__radio li.is-selected-nt span.radio_styled:after { background-color: var(--cb-bej) !important; } .variations_form input[type="radio"], .variations_form input[type="checkbox"] { accent-color: var(--cb-bej) !important; } /* Globo Product Options - daca apare pe produse */ body .gpo-container .gpo-app .gpo-form__group .gpo-swatches input + label { border-color: #d8c6b4 !important; box-shadow: none !important; } body .gpo-container .gpo-app .gpo-form__group .gpo-swatches input + label:hover, body .gpo-container .gpo-app .gpo-form__group .gpo-swatches input:checked + label { border-color: var(--cb-bej) !important; background: var(--cb-bej-light) !important; box-shadow: 0 0 0 1px rgba(209, 173, 136, 0.22) !important; } /* ========================================================= 4. BOX DISPONIBILITATE MAGAZINE - CameraBebelusului ========================================================= */ .product-single__store-availability-container { margin: 13px 0 16px !important; } .abx-stock-box { width: 100%; padding: 14px 15px; border-radius: 16px; background: linear-gradient(135deg, #fffaf7 0%, #f7ecdf 100%) !important; border: 1px solid #d6ad86 !important; box-shadow: 0 8px 18px rgba(131, 93, 58, 0.10) !important; color: var(--cb-text) !important; box-sizing: border-box; } .abx-main-head { display: flex; align-items: flex-start; gap: 11px; } .abx-status-icon { width: 29px; height: 29px; min-width: 29px; margin-top: 2px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; font-weight: 850; } .abx-status-icon.is-available, .abx-status-icon.is-unavailable { background: #fffaf7 !important; color: #9f7a5a !important; border: 1px solid #d6ad86 !important; } .abx-heading { flex: 1; min-width: 0; } .abx-eyebrow { margin-bottom: 4px; font-size: 10.5px; line-height: 1.25; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #8b5e3c !important; } .abx-title { font-size: 14.2px !important; line-height: 1.35 !important; font-weight: 800 !important; color: var(--cb-text) !important; } .abx-subtitle { margin-top: 4px; font-size: 12.2px; line-height: 1.35; color: var(--cb-text-soft) !important; font-weight: 600; } .abx-subtitle strong { color: var(--cb-text) !important; font-weight: 750; } .abx-note { margin-top: 4px; font-size: 11.8px !important; line-height: 1.35; color: #6f5645 !important; font-weight: 650 !important; } .abx-dropdown { margin-top: 12px; } .abx-dropdown summary { list-style: none; } .abx-dropdown summary::-webkit-details-marker { display: none; } .abx-dropdown-button { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 8px 16px !important; border-radius: 999px !important; border: 1px solid #c69b72 !important; background: var(--cb-bej) !important; color: #ffffff !important; font-size: 12.4px !important; line-height: 1.2 !important; font-weight: 800 !important; cursor: pointer; text-decoration: none !important; box-shadow: 0 5px 12px rgba(131, 93, 58, 0.18) !important; } .abx-dropdown-button::after { content: "›"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: 2px; border-radius: 50%; background: rgba(255, 255, 255, 0.25) !important; color: #ffffff !important; font-size: 21px; line-height: 1; font-weight: 850; transform: rotate(90deg); } .abx-dropdown[open] .abx-dropdown-button::after { transform: rotate(-90deg); } .abx-dropdown-content { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid rgba(214, 173, 134, 0.55) !important; } .abx-loading, .abx-no-stock-message, .abx-error-box { padding: 11px 12px; border-radius: 12px; background: #fffaf7 !important; border: 1px solid var(--cb-border) !important; color: var(--cb-text-soft) !important; font-size: 12.2px; line-height: 1.45; font-weight: 600; } .abx-store-list { margin: 0; padding: 0; list-style: none; } .abx-store-card { position: relative; margin: 7px 0 !important; padding: 10px 11px !important; border-radius: 14px; background: #fffdf9 !important; border: 1px solid var(--cb-border) !important; box-shadow: 0 4px 12px rgba(131, 93, 58, 0.07) !important; } .abx-store-card.is-available { border-left: 5px solid #9fbd97 !important; background: linear-gradient(135deg, #fffdf9 0%, #f5faf4 100%) !important; } .abx-store-card.is-unavailable { border-left: 5px solid var(--cb-bej) !important; background: linear-gradient(135deg, #fffdf9 0%, #fbf3eb 100%) !important; } .abx-store-topline { display: flex; align-items: flex-start; gap: 9px; } .abx-dot { width: 9px; height: 9px; min-width: 9px; margin-top: 6px; border-radius: 50%; } .abx-store-card.is-available .abx-dot { background: #8fb184 !important; box-shadow: 0 0 0 4px rgba(143, 177, 132, 0.16) !important; } .abx-store-card.is-unavailable .abx-dot { background: var(--cb-bej) !important; box-shadow: 0 0 0 4px rgba(209, 173, 136, 0.18) !important; } .abx-store-content { flex: 1; min-width: 0; } .abx-store-header { margin-bottom: 6px !important; } .abx-store-title-line { display: flex !important; align-items: baseline !important; justify-content: flex-start !important; gap: 8px !important; flex-wrap: nowrap !important; width: 100% !important; } .abx-store-name { font-weight: 760 !important; color: var(--cb-text) !important; white-space: nowrap !important; } .abx-map-link-inline { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; white-space: nowrap !important; color: #8b5e3c !important; font-weight: 650 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .abx-store-meta-line { display: block !important; margin-top: 3px !important; color: var(--cb-text-soft) !important; font-weight: 450 !important; line-height: 1.35 !important; } .abx-store-program, .abx-store-address, .abx-store-detail, .abx-store-separator, .abx-store-line-online .abx-store-left, .abx-store-line-online .abx-store-detail { font-weight: 450 !important; color: var(--cb-text-soft) !important; } .abx-sizes-wrap { margin-top: 7px !important; padding-top: 7px !important; border-top: 1px dashed rgba(214, 173, 134, 0.55) !important; } .abx-sizes-row { display: flex !important; align-items: flex-start !important; flex-wrap: wrap !important; gap: 3px !important; margin-top: 4px !important; } .abx-sizes-label { flex: 0 0 auto !important; margin-right: 3px !important; padding-top: 3px !important; font-size: 10.9px !important; line-height: 1.2 !important; font-weight: 750 !important; } .abx-sizes-label.available, .abx-sizes-label.preorder, .abx-sizes-label.preorder.special { color: #6e8f68 !important; } .abx-sizes-label.unavailable { color: #9f7a5a !important; } .abx-sizes-list { flex: 1 1 160px !important; display: flex !important; flex-wrap: wrap !important; gap: 3px !important; } .abx-size-pill { position: relative; display: inline-flex; align-items: center; gap: 3px !important; padding: 3px 6px !important; border-radius: 999px !important; font-size: 10.7px !important; line-height: 1.05 !important; font-weight: 620 !important; white-space: nowrap; } .abx-size-pill::before { content: ""; width: 5px !important; height: 5px !important; min-width: 5px !important; border-radius: 50%; } .abx-size-pill.is-available { background: #edf6ea !important; color: #52764f !important; border: 1px solid #cddfc7 !important; } .abx-size-pill.is-available::before { background: #8fb184 !important; box-shadow: 0 0 0 3px rgba(143, 177, 132, 0.15) !important; } .abx-size-pill.is-preorder { background: #f6eadc !important; color: #7a573e !important; border: 1px solid #dec6ad !important; } .abx-size-pill.is-preorder::before { background: #c9a17a !important; box-shadow: 0 0 0 3px rgba(201, 161, 122, 0.15) !important; } .abx-size-pill.is-unavailable { background: #f7efe7 !important; color: #a08369 !important; border: 1px solid #e4d2bf !important; text-decoration: line-through; text-decoration-color: #b99b82 !important; opacity: 0.78; } .abx-size-pill.is-unavailable::before { background: #c9aa8d !important; box-shadow: 0 0 0 3px rgba(201, 170, 141, 0.14) !important; } .abx-size-pill.is-selected, .abx-preorder-line.is-selected { border: 2px solid #b9865d !important; box-shadow: 0 0 0 2px rgba(185, 134, 93, 0.15) !important; } .abx-size-pill.is-selected em, .abx-preorder-line em { display: inline-flex; align-items: center; margin-left: 3px; padding: 2px 4px !important; border-radius: 999px; background: #b9865d !important; color: #ffffff !important; font-size: 8.5px !important; line-height: 1; font-style: normal; font-weight: 760 !important; text-transform: uppercase; letter-spacing: 0.03em; } .abx-preorder-wrap { display: flex; flex-direction: column; gap: 4px !important; margin-top: 4px !important; } .abx-preorder-line { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 5px !important; padding: 5px 7px !important; border-radius: 10px !important; background: #f6eadc !important; border: 1px solid #dec6ad !important; color: #6b4a35 !important; font-size: 11.2px; line-height: 1.35; font-weight: 500 !important; } .abx-preorder-line::before { content: ""; width: 6px; height: 6px; min-width: 6px; border-radius: 50%; background: #c9a17a !important; box-shadow: 0 0 0 3px rgba(201, 161, 122, 0.15) !important; } .abx-preorder-product { flex: 0 0 auto !important; font-weight: 720 !important; color: #6b4a35 !important; white-space: nowrap !important; } .abx-preorder-action { flex: 1 1 auto !important; min-width: 0 !important; font-weight: 500 !important; color: #6b4a35 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .abx-preorder-action::before { content: "– " !important; } .abx-store-empty { margin-top: 3px !important; padding: 6px 8px !important; border-radius: 10px !important; background: #f7efe7 !important; border: 1px solid #e4d2bf !important; color: #8f7058 !important; font-size: 11.3px !important; line-height: 1.3 !important; font-weight: 750 !important; } .abx-disclaimer { margin-top: 10px; padding: 8px 9px; border-radius: 10px; background: #fffaf7 !important; border: 1px solid var(--cb-border) !important; font-size: 11.1px !important; line-height: 1.42 !important; color: var(--cb-text-soft) !important; font-weight: 550; } /* Desktop compact */ @media (min-width: 990px) { .product-single__store-availability-container { margin: 10px 0 13px !important; } .abx-stock-box { padding: 11px 12px !important; border-radius: 14px !important; } .abx-status-icon { width: 25px !important; height: 25px !important; min-width: 25px !important; font-size: 14px !important; } .abx-eyebrow { font-size: 9.4px !important; line-height: 1.2 !important; margin-bottom: 3px !important; } .abx-title { font-size: 12.8px !important; line-height: 1.28 !important; font-weight: 760 !important; } .abx-subtitle { font-size: 10.9px !important; line-height: 1.3 !important; margin-top: 3px !important; } .abx-note { font-size: 10.8px !important; line-height: 1.3 !important; margin-top: 3px !important; } .abx-dropdown-button { min-height: 31px !important; padding: 6px 13px !important; font-size: 11.2px !important; } .abx-store-card { margin: 6px 0 !important; padding: 8px 9px !important; border-radius: 12px !important; } .abx-store-name { font-size: 11.6px !important; line-height: 1.25 !important; } .abx-map-link-inline, .abx-store-meta-line, .abx-store-program, .abx-store-address, .abx-store-detail, .abx-store-separator, .abx-store-line-online .abx-store-left, .abx-store-line-online .abx-store-detail { font-size: 10.3px !important; line-height: 1.32 !important; } .abx-sizes-label { font-size: 9.8px !important; } .abx-size-pill { font-size: 9.6px !important; padding: 2px 5px !important; } .abx-preorder-line { font-size: 10.1px !important; padding: 4px 6px !important; } .abx-store-empty { font-size: 10.4px !important; padding: 5px 7px !important; } .abx-disclaimer { font-size: 10px !important; line-height: 1.35 !important; padding: 7px 8px !important; } } /* Mobil */ @media (max-width: 749px) { .abx-stock-box { padding: 13px !important; border-radius: 15px !important; } .abx-dropdown-button { width: 100%; min-height: 38px; padding: 9px 13px !important; font-size: 12.1px !important; } .abx-store-title-line { flex-wrap: wrap !important; gap: 5px !important; } .abx-store-name { font-size: 12.2px !important; } .abx-map-link-inline { font-size: 11px !important; } .abx-preorder-line { flex-wrap: wrap !important; } .abx-preorder-product, .abx-preorder-action { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; } } /* ========================================================= CameraBebelusului - FIX STRICT produs + search + header Nu modifica global toate butoanele din site ========================================================= */ /* ========================================================= 1. Variante produs - eliminare rosu din chenare si buline ========================================================= */ .product-single .variations.style__radio .swatch:not(.is-color) li, .sp-single .variations.style__radio .swatch:not(.is-color) li, #shopify-section-pr_summary .variations.style__radio .swatch:not(.is-color) li, #shopify-section-pr_summary .variations.style__radio.full .swatch:not(.is-color) li { border-color: #d8c6b4 !important; background-color: #ffffff !important; color: #111111 !important; box-shadow: none !important; } .product-single .variations.style__radio .swatch:not(.is-color) li:hover, .product-single .variations.style__radio .swatch:not(.is-color) li.is-selected, .product-single .variations.style__radio .swatch:not(.is-color) li.is-selected-nt, .sp-single .variations.style__radio .swatch:not(.is-color) li:hover, .sp-single .variations.style__radio .swatch:not(.is-color) li.is-selected, .sp-single .variations.style__radio .swatch:not(.is-color) li.is-selected-nt, #shopify-section-pr_summary .variations.style__radio .swatch:not(.is-color) li:hover, #shopify-section-pr_summary .variations.style__radio .swatch:not(.is-color) li.is-selected, #shopify-section-pr_summary .variations.style__radio .swatch:not(.is-color) li.is-selected-nt { border-color: #d1ad88 !important; background-color: #fffaf7 !important; color: #111111 !important; box-shadow: 0 0 0 1px rgba(209, 173, 136, 0.22) !important; } .product-single .variations.style__radio li span.radio_styled, .sp-single .variations.style__radio li span.radio_styled, #shopify-section-pr_summary .variations.style__radio li span.radio_styled { border-color: #d1ad88 !important; background-color: #ffffff !important; } .product-single .variations.style__radio li.is-selected span.radio_styled, .product-single .variations.style__radio li.is-selected-nt span.radio_styled, .sp-single .variations.style__radio li.is-selected span.radio_styled, .sp-single .variations.style__radio li.is-selected-nt span.radio_styled, #shopify-section-pr_summary .variations.style__radio li.is-selected span.radio_styled, #shopify-section-pr_summary .variations.style__radio li.is-selected-nt span.radio_styled { border-color: #d1ad88 !important; } .product-single .variations.style__radio li.is-selected span.radio_styled:after, .product-single .variations.style__radio li.is-selected-nt span.radio_styled:after, .sp-single .variations.style__radio li.is-selected span.radio_styled:after, .sp-single .variations.style__radio li.is-selected-nt span.radio_styled:after, #shopify-section-pr_summary .variations.style__radio li.is-selected span.radio_styled:after, #shopify-section-pr_summary .variations.style__radio li.is-selected-nt span.radio_styled:after { background-color: #d1ad88 !important; } .product-single .variations_form input[type="radio"], .product-single .swatch input[type="radio"], .sp-single .variations_form input[type="radio"], .sp-single .swatch input[type="radio"], #shopify-section-pr_summary .variations_form input[type="radio"], #shopify-section-pr_summary .swatch input[type="radio"] { accent-color: #d1ad88 !important; } /* ========================================================= 2. Buton produs - doar Add to cart / Comanda Nu afecteaza search ========================================================= */ .product-single .single_add_to_cart_button, .sp-single .single_add_to_cart_button, #shopify-section-pr_summary .single_add_to_cart_button, #shopify-section-pr_summary .variations_button .single_add_to_cart_button { background: #d1ad88 !important; background-color: #d1ad88 !important; border-color: #d1ad88 !important; color: #ffffff !important; } .product-single .single_add_to_cart_button:hover, .sp-single .single_add_to_cart_button:hover, #shopify-section-pr_summary .single_add_to_cart_button:hover, #shopify-section-pr_summary .variations_button .single_add_to_cart_button:hover { background: #c69b72 !important; background-color: #c69b72 !important; border-color: #c69b72 !important; color: #ffffff !important; } /* ========================================================= 3. Search header - revenire la aspect curat alb/negru ========================================================= */ .ntheader .h_search_frm, .ntheader .mini_search_frm, .ntheader .header_search { background: #ffffff !important; background-color: #ffffff !important; } .ntheader input.search_header__input:not([type="submit"]):not([type="checkbox"]), .ntheader input.h_search_ip, .ntheader .header_search input.search__input { background: #ffffff !important; background-color: #ffffff !important; border-color: #cfcfcf !important; color: #111111 !important; } .ntheader input.search_header__input::placeholder, .ntheader input.h_search_ip::placeholder, .ntheader .header_search input.search__input::placeholder { color: #8a8a8a !important; opacity: 1 !important; } .ntheader .h_search_btn, .ntheader button.h_search_btn, .ntheader .search_header__submit { background: #ffffff !important; background-color: #ffffff !important; border: 1px solid #111111 !important; color: #111111 !important; box-shadow: none !important; } .ntheader .h_search_btn:hover, .ntheader button.h_search_btn:hover, .ntheader .search_header__submit:hover { background: #111111 !important; background-color: #111111 !important; border-color: #111111 !important; color: #ffffff !important; } /* ========================================================= 4. Header la scroll - alb, nu transparent ========================================================= */ .ntheader.live_stuck, .ntheader.live_stuck .sp_header_mid, .ntheader.live_stuck .header__mid, .ntheader.live_stuck .header__bot { background: #ffffff !important; background-color: #ffffff !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important; } .ntheader.live_stuck .nt_menu > li > a, .ntheader.live_stuck .nt_action > a, .ntheader.live_stuck .nt_action > div > a, .ntheader.live_stuck .branding > a, .ntheader.live_stuck .cus_txt_h, .ntheader.live_stuck .header_categories { color: #111111 !important; } .ntheader.live_stuck .push-menu-btn > svg { fill: #111111 !important; } /* ========================================================= CAMERA BEBELUSULUI - BADGE FINAL CURAT Collection + Carousel + Product page ========================================================= */ :root { --cb-primary-bej: #DAB693; --cb-primary-bej-hover: #caa47e; --cb-primary-text: #ffffff; } /* ========================================================= 1. RESET POZIȚIONĂRI VECHI ========================================================= */ html body .nt_pr .nt_labels, html body .nt_pr .pr_flash, html body .nt_pr .product-labels, html body .nt_pr .product-label, html body .product-item .nt_labels, html body .product-item .pr_flash, html body .product-card .nt_labels, html body .product-card .pr_flash { position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; z-index: auto !important; overflow: visible !important; } /* ========================================================= 2. CONTAINER BADGE-URI - pe același rând ========================================================= */ html body .nt_pr .nt_labels, html body .nt_pr .pr_flash, html body .nt_pr .product-labels, html body .nt_pr .product-label, html body .product-item .nt_labels, html body .product-item .pr_flash, html body .product-card .nt_labels, html body .product-card .pr_flash, html body .flickity-slider .nt_labels, html body .flickity-slider .pr_flash, html body .nt_slider .nt_labels, html body .nt_slider .pr_flash, html body .carousel .nt_labels, html body .carousel .pr_flash { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 5px !important; width: auto !important; max-width: 100% !important; height: auto !important; min-height: 28px !important; margin: 0 0 8px 0 !important; padding: 0 !important; } /* ========================================================= 3. BADGE TEXT GENERAL ========================================================= */ html body span.nt_label, html body .nt_label, html body .nt_label.in-stock, html body .nt_label.preorder, html body .nt_label.pre-order, html body .nt_label.out-stock, html body .nt_label.out-of-stock, html body .nt_label.sold-out, html body .nt_label.sale, html body .nt_label.onsale, html body .nt_label.discount { position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; z-index: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: flex-start !important; vertical-align: top !important; background: var(--cb-primary-bej) !important; background-color: var(--cb-primary-bej) !important; background-image: none !important; color: var(--cb-primary-text) !important; border-color: var(--cb-primary-bej) !important; box-shadow: none !important; opacity: 1 !important; width: auto !important; min-width: auto !important; max-width: none !important; height: auto !important; min-height: auto !important; margin: 0 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: uppercase !important; white-space: nowrap !important; word-break: normal !important; } /* Text interior alb */ html body span.nt_label *, html body .nt_label * { color: #ffffff !important; } /* ========================================================= 4. COLLECTION PAGE - badge-uri mai mari cu aproximativ 10% ========================================================= */ html body.template-collection .nt_pr span.nt_label, html body.template-collection .nt_pr .nt_label { padding: 7px 9px !important; font-size: 10px !important; line-height: 1 !important; } /* IN STOC aliniat sus în collection */ html body.template-collection .nt_pr span.nt_label.in-stock, html body.template-collection .nt_pr .nt_label.in-stock { align-self: flex-start !important; vertical-align: top !important; margin-top: 0 !important; } /* Spațiu corect între badge-uri și imagine */ html body.template-collection .nt_pr .nt_labels, html body.template-collection .nt_pr .pr_flash, html body.template-collection .nt_pr .product-labels, html body.template-collection .nt_pr .product-label { min-height: 30px !important; margin-bottom: 9px !important; } /* ========================================================= 5. FUNDA SPECIAL / SALE ========================================================= */ html body img[alt="Sale"], html body img[alt="SALE"], html body img[alt="Special"], html body img[alt="SPECIAL"], html body img[src*="sale"], html body img[src*="special"] { position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; z-index: auto !important; display: inline-block !important; vertical-align: top !important; align-self: flex-start !important; width: 28px !important; max-width: 28px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* În collection funda puțin mai mare, ca să fie proporțională cu badge-ul +10% */ html body.template-collection img[alt="Sale"], html body.template-collection img[alt="SALE"], html body.template-collection img[alt="Special"], html body.template-collection img[alt="SPECIAL"], html body.template-collection img[src*="sale"], html body.template-collection img[src*="special"] { width: 30px !important; max-width: 30px !important; } /* ========================================================= 6. CARUSELE - badge-uri compacte, nu pe rând nou ========================================================= */ html body .nt_slider span.nt_label, html body .nt_slider .nt_label, html body .flickity-slider span.nt_label, html body .flickity-slider .nt_label, html body .carousel span.nt_label, html body .carousel .nt_label { padding: 5px 7px !important; font-size: 8.8px !important; line-height: 1 !important; white-space: nowrap !important; } html body .nt_slider .nt_label.preorder, html body .nt_slider .nt_label.pre-order, html body .flickity-slider .nt_label.preorder, html body .flickity-slider .nt_label.pre-order, html body .carousel .nt_label.preorder, html body .carousel .nt_label.pre-order { padding: 5px 7px !important; font-size: 8.5px !important; white-space: nowrap !important; } html body .nt_slider img[alt="Sale"], html body .nt_slider img[alt="SALE"], html body .nt_slider img[alt="Special"], html body .nt_slider img[alt="SPECIAL"], html body .nt_slider img[src*="sale"], html body .nt_slider img[src*="special"], html body .flickity-slider img[alt="Sale"], html body .flickity-slider img[alt="SALE"], html body .flickity-slider img[alt="Special"], html body .flickity-slider img[alt="SPECIAL"], html body .flickity-slider img[src*="sale"], html body .flickity-slider img[src*="special"], html body .carousel img[alt="Sale"], html body .carousel img[alt="SALE"], html body .carousel img[alt="Special"], html body .carousel img[alt="SPECIAL"], html body .carousel img[src*="sale"], html body .carousel img[src*="special"] { width: 26px !important; max-width: 26px !important; } /* ========================================================= 7. PRODUCT PAGE - badge-uri produs ========================================================= */ html body.template-product span.nt_label, html body.template-product .nt_label { background: var(--cb-primary-bej) !important; background-color: var(--cb-primary-bej) !important; color: #ffffff !important; border-color: var(--cb-primary-bej) !important; padding: 6px 8px !important; font-size: 9.5px !important; line-height: 1 !important; } /* ========================================================= 8. PRODUCT PAGE - status IN STOC / PRECOMANDA corect IMPORTANT: nu mai forțăm display pe span-urile interioare. ========================================================= */ /* Containerul statusului */ html body.template-product .available_wrapper .value_in, html body.template-product #txt_vl_in_ppr, html body.template-product #txt_vl_in_pr, html body.template-product #txt_vl_in_qv { background: var(--cb-primary-bej) !important; background-color: var(--cb-primary-bej) !important; color: #ffffff !important; border-color: var(--cb-primary-bej) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 6px 8px !important; font-size: 10px !important; line-height: 1 !important; font-weight: 700 !important; text-transform: uppercase !important; } /* Respectăm clasa .dn a temei */ html body.template-product .available_wrapper .dn, html body.template-product #txt_vl_in_ppr .dn, html body.template-product #txt_vl_in_pr .dn, html body.template-product #txt_vl_in_qv .dn { display: none !important; } /* NU forțăm ambele texte să apară */ html body.template-product #txt_vl_in_ppr .js_in_stock, html body.template-product #txt_vl_in_ppr .js_in_stock_pre_oder, html body.template-product #txt_vl_in_pr .js_in_stock, html body.template-product #txt_vl_in_pr .js_in_stock_pre_oder, html body.template-product #txt_vl_in_qv .js_in_stock, html body.template-product #txt_vl_in_qv .js_in_stock_pre_oder { background: transparent !important; color: #ffffff !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; } /* Dacă PRECOMANDA este vizibilă, ascundem IN STOC */ html body.template-product #txt_vl_in_ppr:has(.js_in_stock_pre_oder:not(.dn)) .js_in_stock, html body.template-product #txt_vl_in_pr:has(.js_in_stock_pre_oder:not(.dn)) .js_in_stock, html body.template-product #txt_vl_in_qv:has(.js_in_stock_pre_oder:not(.dn)) .js_in_stock { display: none !important; } /* Dacă PRECOMANDA este ascunsă, rămâne IN STOC */ html body.template-product #txt_vl_in_ppr .js_in_stock_pre_oder.dn, html body.template-product #txt_vl_in_pr .js_in_stock_pre_oder.dn, html body.template-product #txt_vl_in_qv .js_in_stock_pre_oder.dn { display: none !important; } /* ========================================================= 9. BUTOANE PRIMARY / TOATA COLECTIA ========================================================= */ html body a.button, html body .button, html body a.btn, html body .btn, html body .button_primary, html body .btn_primary, html body .button.button_primary, html body .button.btn_primary, html body .t4s-btn, html body .nt-button, html body .view_all, html body .cat_view_all, html body .btn_view_all, html body a[href*="/collections/"].button, html body a[href*="/collections/"].btn { background: var(--cb-primary-bej) !important; background-color: var(--cb-primary-bej) !important; border-color: var(--cb-primary-bej) !important; color: #ffffff !important; } html body a.button:hover, html body .button:hover, html body a.btn:hover, html body .btn:hover, html body .button_primary:hover, html body .btn_primary:hover, html body .button.button_primary:hover, html body .button.btn_primary:hover, html body .t4s-btn:hover, html body .nt-button:hover, html body .view_all:hover, html body .cat_view_all:hover, html body .btn_view_all:hover, html body a[href*="/collections/"].button:hover, html body a[href*="/collections/"].btn:hover { background: var(--cb-primary-bej-hover) !important; background-color: var(--cb-primary-bej-hover) !important; border-color: var(--cb-primary-bej-hover) !important; color: #ffffff !important; } /* ========================================================= 10. SĂGEȚI CARUSEL STÂNGA / DREAPTA ========================================================= */ html body .flickity-button, html body .flickity-prev-next-button, html body .nt_slider .flickity-button, html body .nt_slider .flickity-prev-next-button, html body .carousel .flickity-button, html body .carousel .flickity-prev-next-button, html body .slick-arrow, html body .slick-prev, html body .slick-next, html body .owl-nav button, html body .owl-prev, html body .owl-next, html body .swiper-button-prev, html body .swiper-button-next, html body .nav_arrow, html body .btn_arrow, html body .slider-arrow, html body .slider-button, html body .carousel-arrow, html body .nt-arrow { background: var(--cb-primary-bej) !important; background-color: var(--cb-primary-bej) !important; border-color: var(--cb-primary-bej) !important; color: #ffffff !important; } html body .flickity-button:hover, html body .flickity-prev-next-button:hover, html body .nt_slider .flickity-button:hover, html body .nt_slider .flickity-prev-next-button:hover, html body .slick-arrow:hover, html body .slick-prev:hover, html body .slick-next:hover, html body .owl-nav button:hover, html body .owl-prev:hover, html body .owl-next:hover, html body .swiper-button-prev:hover, html body .swiper-button-next:hover, html body .nav_arrow:hover, html body .btn_arrow:hover, html body .slider-arrow:hover, html body .slider-button:hover, html body .carousel-arrow:hover, html body .nt-arrow:hover { background: var(--cb-primary-bej-hover) !important; background-color: var(--cb-primary-bej-hover) !important; border-color: var(--cb-primary-bej-hover) !important; color: #ffffff !important; } /* Iconițe săgeți */ html body .flickity-button svg, html body .flickity-prev-next-button svg, html body .slick-arrow svg, html body .owl-nav button svg, html body .swiper-button-prev svg, html body .swiper-button-next svg { fill: #ffffff !important; color: #ffffff !important; } html body .slick-arrow:before, html body .slick-prev:before, html body .slick-next:before, html body .owl-prev:before, html body .owl-next:before, html body .swiper-button-prev:after, html body .swiper-button-next:after, html body .nav_arrow:before, html body .btn_arrow:before, html body .slider-arrow:before, html body .carousel-arrow:before, html body .nt-arrow:before { color: #ffffff !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 749px) { html body.template-collection .nt_pr span.nt_label, html body.template-collection .nt_pr .nt_label { padding: 7px 8px !important; font-size: 9.6px !important; } html body .nt_slider span.nt_label, html body .nt_slider .nt_label, html body .flickity-slider span.nt_label, html body .flickity-slider .nt_label, html body .carousel span.nt_label, html body .carousel .nt_label { padding: 5px 7px !important; font-size: 8.5px !important; } html body.template-collection img[alt="Sale"], html body.template-collection img[alt="SALE"], html body.template-collection img[alt="Special"], html body.template-collection img[alt="SPECIAL"], html body.template-collection img[src*="sale"], html body.template-collection img[src*="special"] { width: 28px !important; max-width: 28px !important; } } /* ========================================================= CameraBebelusului.ro - afișare IN STOC în carusele fără să dubleze cu PRECOMANDĂ ========================================================= */ :root { --cb-primary-bej: #DAB693; --cb-primary-bej-hover: #caa47e; --cb-primary-text: #ffffff; } /* Arătăm badge-ul IN STOC în carusele */ body .nt_slider .nt_label.in-stock, body .nt_slider span.nt_label.in-stock, body .flickity-slider .nt_label.in-stock, body .flickity-slider span.nt_label.in-stock, body .carousel .nt_label.in-stock, body .carousel span.nt_label.in-stock, body .products .nt_label.in-stock, body .products span.nt_label.in-stock { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: var(--cb-primary-bej) !important; background-color: var(--cb-primary-bej) !important; background-image: none !important; color: #ffffff !important; border-color: var(--cb-primary-bej) !important; padding: 5px 7px !important; font-size: 8.8px !important; line-height: 1 !important; font-weight: 700 !important; text-transform: uppercase !important; white-space: nowrap !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; } /* Dacă în același card există PRECOMANDĂ vizibilă, ascundem IN STOC */ body .nt_pr:has(.nt_label.preorder) .nt_label.in-stock, body .nt_pr:has(.nt_label.pre-order) .nt_label.in-stock, body .product-item:has(.nt_label.preorder) .nt_label.in-stock, body .product-item:has(.nt_label.pre-order) .nt_label.in-stock, body .product-card:has(.nt_label.preorder) .nt_label.in-stock, body .product-card:has(.nt_label.pre-order) .nt_label.in-stock { display: none !important; } /* Containerul de badge-uri din carusel să țină badge-urile pe același rând */ body .nt_slider .nt_labels, body .nt_slider .pr_flash, body .flickity-slider .nt_labels, body .flickity-slider .pr_flash, body .carousel .nt_labels, body .carousel .pr_flash { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 5px !important; min-height: 26px !important; margin-bottom: 7px !important; }