/* ======================================== STEROID WAREHOUSE — Custom Styles ======================================== */ /* === HERO КНОПКИ === */ a[href*="steroids-597"], a[href*="signin"] { transition: all 0.18s ease !important; } a[href*="steroids-597"]:hover { background: #1d4ed8 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(37,99,235,0.5) !important; } a[href*="steroids-597"]:active { transform: scale(0.97) !important; } a[href*="signin"]:hover { border-color: #93c5fd !important; color: #2563eb !important; transform: translateY(-2px) !important; } a[href*="signin"]:active { transform: scale(0.97) !important; } /* === КАТЕГОРИИ HERO === */ a[href*="injectable-steroids"], a[href*="oral-steroids"], a[href*="human-growth"], a[href*="peptides"], a[href*="sarms"], a[href*="cycle-support"], a[href*="weight-loss"], a[href*="ed-libido"], a[href*="pharmacy"] { transition: all 0.18s ease !important; } a[href*="injectable-steroids"]:hover, a[href*="oral-steroids"]:hover, a[href*="human-growth"]:hover, a[href*="peptides"]:hover, a[href*="sarms"]:hover, a[href*="cycle-support"]:hover, a[href*="weight-loss"]:hover, a[href*="ed-libido"]:hover, a[href*="pharmacy"]:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(37,99,235,0.2) !important; opacity: 0.9; } a[href*="injectable-steroids"]:active, a[href*="oral-steroids"]:active, a[href*="human-growth"]:active, a[href*="peptides"]:active, a[href*="sarms"]:active, a[href*="cycle-support"]:active, a[href*="weight-loss"]:active, a[href*="ed-libido"]:active, a[href*="pharmacy"]:active { transform: scale(0.96) !important; } /* === FAQ DETAILS === */ details { transition: all 0.18s ease; } details summary { transition: background 0.18s ease, color 0.18s ease; } details summary:hover { background: #f0f7ff !important; color: #2563eb !important; } details[open] > summary { color: #2563eb !important; border-bottom: 1px solid #dbeafe !important; } /* === KNOWLEDGE HUB КАРТОЧКИ === */ section div[style*="border-top:3px solid"], section div[style*="border-top: 3px solid"] { transition: transform 0.18s ease, box-shadow 0.18s ease !important; } section div[style*="border-top:3px solid"]:hover, section div[style*="border-top: 3px solid"]:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important; } /* === KNOWLEDGE HUB КНОПКА === */ a[href*="/articles"] { transition: all 0.18s ease !important; } a[href*="/articles"]:hover { background: #1d4ed8 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(37,99,235,0.5) !important; } a[href*="/articles"]:active { transform: scale(0.97) !important; } /* === СТАТЬИ ЛИНКИ === */ a[href*="/articles/"] { transition: all 0.18s ease !important; } a[href*="/articles/"]:hover { background: #e0e9ff !important; border-color: #93c5fd !important; transform: translateY(-1px) !important; } /* === ГЛОБАЛЬНЫЕ ПЕРЕХОДЫ === */ a { transition: opacity 0.15s ease; } /* ======================================== ARTICLE STYLES — sw-article ======================================== */ .sw-article { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #222; line-height: 1.7; max-width: 860px; } .sw-article p { margin: 0 0 16px; } .sw-article h2 { font-size: 22px; font-weight: 900; color: #0f172a; margin: 36px 0 14px; padding-bottom: 10px; border-bottom: 2px solid #2563eb; line-height: 1.2; } .sw-article h3 { font-size: 17px; font-weight: 800; color: #1e3a8a; margin: 24px 0 10px; } .sw-article a { color: #2563eb; font-weight: 600; text-decoration: none; transition: color 0.18s ease; } .sw-article a:hover { color: #1d4ed8; text-decoration: underline; } .sw-article ul { margin: 12px 0 18px 22px; padding: 0; } .sw-article li { margin-bottom: 8px; } .sw-article-intro { background: #f8faff; border-left: 4px solid #2563eb; border-radius: 0 8px 8px 0; padding: 16px 20px; margin-bottom: 28px; font-size: 15px; color: #374151; line-height: 1.75; } .sw-toc { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 18px 22px; margin: 0 0 32px; font-size: 14px; } .sw-toc-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #666; margin-bottom: 12px; } .sw-toc ol { margin: 0; padding: 0 0 0 20px; column-count: 2; column-gap: 24px; } .sw-toc li { margin-bottom: 7px; break-inside: avoid; } .sw-toc a { color: #2563eb; text-decoration: none; font-weight: 600; } .sw-toc a:hover { text-decoration: underline; } .sw-note-box { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 0 8px 8px 0; padding: 14px 18px; margin: 16px 0 20px; font-size: 14px; color: #374151; line-height: 1.65; } .sw-note-box strong { color: #92400e; } .sw-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 16px 0 24px; border-radius: 8px; border: 1px solid #e5e7eb; } .sw-table-wrap table { width: 100%; min-width: 540px; border-collapse: collapse; font-size: 14px; } .sw-article th { background: #2563eb; color: #fff; text-align: left; padding: 10px 14px; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; } .sw-article td { border-bottom: 1px solid #e5e7eb; padding: 10px 14px; vertical-align: top; } .sw-article tr:last-child td { border-bottom: none; } .sw-article tr:nth-child(even) td { background: #f9fafb; } .sw-article details summary:hover { background: #eff6ff !important; color: #2563eb !important; } .sw-article details[open] > summary { color: #2563eb !important; } @media (max-width: 640px) { .sw-article h2 { font-size: 18px; } .sw-article h3 { font-size: 15px; } .sw-toc ol { column-count: 1; } .sw-article-intro { padding: 12px 14px; } }
.pc-input-group select { width: 100%; padding: 12px 14px; border: 2px solid #e2e8f0; border-radius: 10px; font-size: 16px; font-weight: 600; color: #1a2332; background: #f8fafc; transition: border-color 0.15s; appearance: none; cursor: pointer; background-image: url("/uploads/steroidwarehouse/svg-xml-svg-xmlns.webp'http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'________3Cpath fill='none' stroke='%2364748b' stroke-width='2' d='M1 1l5 5 5-5'/________3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; } .pc-input-group select:focus { outline: none; border-color: #2563eb; background-color: #fff; }