/** * SEO FAQ (FAQPage) — accordion * v2.1.0 · cbdua up-theme skin18-organic + deviceua UpStore light/dark */ /* ── CBDUA / up-theme organic (default — no .light-theme on ) ── */ #tab-description .product-seo-faq, .product-seo-faq { --faq-accent: #a5c74e; --faq-accent-dark: #8aad3f; --faq-title: #3e3027; --faq-text: #584940; --faq-muted: #6d5f56; --faq-border: #d4cbb8; --faq-border-soft: #e8e2d4; --faq-card-bg: #ffffff; --faq-q-bg: #f7f4eb; --faq-a-bg: #faf8f3; margin: 36px 0 8px; padding: 28px 0 0; border-top: 2px solid var(--faq-border); clear: both; } #tab-description .product-seo-faq__title, .product-seo-faq__title { display: block; margin: 0 0 20px; padding: 0 0 12px; font-size: 22px; font-weight: 700; line-height: 1.3; color: var(--faq-title) !important; border-bottom: 3px solid var(--faq-accent); letter-spacing: 0.01em; } .product-seo-faq__accordion { margin: 0; } #tab-description .product-seo-faq .panel, .product-seo-faq .panel { background: transparent !important; border: none !important; box-shadow: none !important; margin: 0 0 12px !important; } #tab-description .product-seo-faq .panel-heading, .product-seo-faq .panel-default > .panel-heading, .product-seo-faq .panel-heading { background: transparent !important; border: none !important; padding: 0 !important; } #tab-description .product-seo-faq .panel-body, .product-seo-faq .panel-default > .panel-heading + .panel-collapse > .panel-body, .product-seo-faq .panel-body { border: none !important; padding: 0 !important; background: transparent !important; } #tab-description .product-seo-faq__item, .product-seo-faq__item { background: var(--faq-card-bg); border: 1px solid var(--faq-border); border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(62, 48, 39, 0.08); } /* Тема: body/.panel-heading { text-transform: uppercase } */ #tab-description .product-seo-faq .panel-heading, #tab-description .product-seo-faq .panel-title, #tab-description .product-seo-faq .panel-title a, #tab-description .product-seo-faq__title, #tab-description .product-seo-faq__question, #tab-description .product-seo-faq__label, #tab-description .product-seo-faq__label span, #tab-description .product-seo-faq__answer-text, .product-seo-faq .panel-heading, .product-seo-faq .panel-title, .product-seo-faq .panel-title a, .product-seo-faq__title, .product-seo-faq__question, .product-seo-faq__label, .product-seo-faq__label span, .product-seo-faq__answer-text { text-transform: none !important; letter-spacing: normal !important; } #tab-description .product-seo-faq .panel-heading, .product-seo-faq .panel-heading { padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; } #tab-description .product-seo-faq__item + .product-seo-faq__item, .product-seo-faq__item + .product-seo-faq__item { margin-top: 0; } #tab-description .product-seo-faq__heading .panel-title, .product-seo-faq__heading .panel-title { margin: 0; font-size: inherit; } #tab-description .product-seo-faq__question, .product-seo-faq__question { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; width: 100%; box-sizing: border-box; padding: 14px 16px; background: var(--faq-q-bg); color: var(--faq-title) !important; text-decoration: none !important; font-size: 16px; font-weight: 600; line-height: 1.45; border: none; outline: none; box-shadow: none; float: none !important; position: relative !important; } #tab-description .product-seo-faq__question:hover, #tab-description .product-seo-faq__question:focus, .product-seo-faq__question:hover, .product-seo-faq__question:focus { color: var(--faq-accent-dark) !important; background: #f0ebe0; text-decoration: none !important; } #tab-description .product-seo-faq__question:not(.collapsed), .product-seo-faq__question:not(.collapsed) { background: var(--faq-card-bg); border-bottom: 1px solid var(--faq-border-soft); } #tab-description .product-seo-faq__question::after, .product-seo-faq__question::after { content: ""; flex-shrink: 0; width: 11px; height: 11px; margin: 0; border-right: 3px solid var(--faq-accent-dark); border-bottom: 3px solid var(--faq-accent-dark); transform: rotate(45deg); transition: transform 0.2s ease; opacity: 1; } #tab-description .product-seo-faq__question:not(.collapsed)::after, .product-seo-faq__question:not(.collapsed)::after { transform: rotate(-135deg); } #tab-description .product-seo-faq__label, .product-seo-faq__label { display: flex !important; flex: 1; align-items: center; gap: 12px; min-width: 0; color: inherit; float: none !important; } /* Font Awesome на cbdua уезжает влево из-за глобальных .fa — своя метка «?» */ #tab-description .product-seo-faq__label .fa, .product-seo-faq__label .fa { display: none !important; float: none !important; position: static !important; left: auto !important; margin: 0 !important; } #tab-description .product-seo-faq__label::before, .product-seo-faq__label::before { content: "?"; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--faq-accent); color: #fff !important; font-size: 15px; font-weight: 700; line-height: 1; font-family: inherit; text-transform: none !important; } #tab-description .product-seo-faq__label > span[itemprop="name"], .product-seo-faq__label > span[itemprop="name"] { flex: 1; min-width: 0; } #tab-description .product-seo-faq__answer, .product-seo-faq__answer { background: var(--faq-a-bg) !important; border-top: 1px solid var(--faq-border-soft); padding: 16px 18px 18px; color: var(--faq-text); } #tab-description .product-seo-faq__answer-text, .product-seo-faq__answer-text { font-size: 15px; line-height: 1.65; color: var(--faq-text) !important; } #tab-description .product-seo-faq__answer-text p, .product-seo-faq__answer-text p { margin: 0 0 0.75em; color: var(--faq-text) !important; } #tab-description .product-seo-faq__answer-text p:last-child, .product-seo-faq__answer-text p:last-child { margin-bottom: 0; } #tab-description .product-seo-faq__answer-text a, .product-seo-faq__answer-text a { color: var(--faq-accent-dark); font-weight: 600; text-decoration: underline; } #tab-description .product-seo-faq__answer-text a:hover, .product-seo-faq__answer-text a:hover { color: var(--faq-title); } /* ── DeviceUA UpStore (html.light-theme / .dark-theme) ── */ .light-theme .product-seo-faq, html.light-theme .product-seo-faq { --faq-accent: var(--up-text-link, #a5c74e); --faq-title: var(--up-text-wd-color, #3e3027); --faq-text: var(--up-text-color, #584940); --faq-border: #d4cbb8; } .dark-theme .product-seo-faq__item, html.dark-theme .product-seo-faq__item { background: var(--up-bg-wg, #2a2a2a); border-color: var(--up-border-color, #4a4a4a); } .dark-theme .product-seo-faq__question, html.dark-theme .product-seo-faq__question { color: var(--up-text-wd-color, #eee) !important; background: var(--up-bg-gray, #333); } .dark-theme .product-seo-faq__question:not(.collapsed), html.dark-theme .product-seo-faq__question:not(.collapsed) { background: var(--up-bg-wg, #2a2a2a); } .dark-theme .product-seo-faq__answer, html.dark-theme .product-seo-faq__answer { background: var(--up-bg-main, #1f1f1f) !important; } .dark-theme .product-seo-faq__answer-text, .dark-theme .product-seo-faq__answer-text p, html.dark-theme .product-seo-faq__answer-text, html.dark-theme .product-seo-faq__answer-text p { color: var(--up-text-gray-color, #ccc) !important; } .dark-theme .product-seo-faq__title, html.dark-theme .product-seo-faq__title { color: var(--up-text-wd-color, #eee) !important; }