@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap");
/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }
a:visited { color: #1756a9; }
a:hover { color: #111; text-decoration: underline; }
.social-media-list a:hover { text-decoration: none; }
.social-media-list a:hover .username { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }
blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }
pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }

.social-media-list li + li { padding-top: 5px; }

/** Tables */
table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }
table tr:nth-child(even) { background-color: #f7f7f7; }
table th, table td { padding: 10px 15px; }
table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }
table td { border: 1px solid #e8e8e8; }

/** Site header */
.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 55.95px; position: relative; }

.site-title { font-size: 26px; font-weight: 300; line-height: 54px; letter-spacing: -1px; margin-bottom: 0; float: left; }
.site-title, .site-title:visited { color: #424242; }

.site-nav { float: right; line-height: 54px; }
.site-nav .nav-trigger { display: none; }
.site-nav .menu-icon { display: none; }
.site-nav .page-link { color: #111; line-height: 1.5; }
.site-nav .page-link:not(:last-child) { margin-right: 20px; }
@media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; }
  .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; }
  .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
  .site-nav .menu-icon > svg { fill: #424242; }
  .site-nav input ~ .trigger { clear: both; display: none; }
  .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; }
  .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; }
  .site-nav .page-link:not(:last-child) { margin-right: 0; } }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); }
  .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
/** Page content */
.page-content { padding: 30px 0; flex: 1; }

.page-heading { font-size: 32px; }

.post-list-heading { font-size: 28px; }

.post-list { margin-left: 0; list-style: none; }
.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 14px; color: #828282; }

.post-link { display: block; font-size: 24px; }

/** Posts */
.post-header { margin-bottom: 30px; }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }
@media screen and (max-width: 800px) { .post-title { font-size: 36px; } }

.post-content { margin-bottom: 30px; }
.post-content h2 { font-size: 32px; }
@media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } }
.post-content h3 { font-size: 26px; }
@media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } }
.post-content h4 { font-size: 20px; }
@media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } }

/** Syntax highlighting styles */
.highlight { background: #fff; }
.highlighter-rouge .highlight { background: #eef; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; background-color: #fdd; }
.highlight .gd .x { color: #000; background-color: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; background-color: #dfd; }
.highlight .gi .x { color: #000; background-color: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }

@font-face { font-family: "HemiHeadRG"; src: url("/assets/fonts/HemiHeadRG.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
html, body { max-width: 100%; min-width: 0; overflow-x: hidden; }

body { background-color: #0d1117; color: #e2eaf4; display: block; }

a { color: #00e5ff; }
a:visited { color: #00b8cc; }
a:hover { color: #ffffff; text-decoration: underline; }

.site-header { background-color: #0d1117; border-bottom: 1px solid rgba(0, 229, 255, 0.2); }

.site-title, .site-title:visited { color: #00e5ff; font-family: "HemiHeadRG", "Courier New", Courier, monospace; font-weight: normal; letter-spacing: 0.04em; }
.site-title:hover, .site-title:visited:hover { color: #ffffff; text-decoration: none; }

.site-nav { background-color: #0d1117; }
.site-nav .page-link { color: #e2eaf4; }
.site-nav .page-link:hover { color: #00e5ff; }

.site-nav .menu-icon > svg path { fill: #e2eaf4; }

.site-footer { background-color: #0a0d13; border-top: 1px solid rgba(0, 229, 255, 0.2); color: #8b949e; }
.site-footer a { color: #8b949e; }
.site-footer a:hover { color: #00e5ff; }

h1, h2, h3, h4, h5, h6 { font-family: "Rajdhani", "Courier New", Courier, monospace; }

h1 { font-size: 2.4rem; font-weight: 700; color: #ffffff; border-left: 3px solid #00e5ff; padding-left: 0.65rem; margin-top: 0rem; margin-bottom: 1.1rem; }

h2 { font-size: 1.75rem; font-weight: 700; color: #e2eaf4; border-bottom: 1px solid rgba(0, 229, 255, 0.2); padding-bottom: 0.3rem; margin-top: 2.25rem; margin-bottom: 0.85rem; }

h3 { font-size: 1.35rem; font-weight: 600; color: #00e5ff; margin-top: 2rem; margin-bottom: 0.6rem; }

h4, h5, h6 { font-family: "Courier New", Courier, monospace; font-size: 0.8rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(0, 229, 255, 0.7); margin-top: 1.75rem; margin-bottom: 0.5rem; }

.wrapper { max-width: 100%; margin-left: 0; margin-right: 0; padding-right: 2rem; padding-left: 2rem; min-width: 0; box-sizing: border-box; }

hr { border-color: #30363d; }

pre, code { background-color: #161b22; border: 1px solid #30363d; color: #00e5ff; }

pre { border-radius: 4px; }

blockquote { border-left: 4px solid #00e5ff; color: #8b949e; background-color: #161b22; padding: 0.5rem 1rem; }

.post-content > p:first-of-type, .split-main > p:first-of-type { color: #aab6c5; font-size: 1.15rem; line-height: 1.6; }
.post-content ul, .split-main ul { list-style: none; padding-left: 0; }
.post-content ul li, .split-main ul li { margin-bottom: 0.4rem; padding-left: 1.4rem; position: relative; }
.post-content ul li::before, .split-main ul li::before { color: #00e5ff; content: "▸"; font-weight: 700; left: 0; position: absolute; }
.post-content > hr + p, .split-main > hr + p { background-color: #161b22; border: 1px solid rgba(0, 229, 255, 0.18); border-left: 3px solid #00e5ff; border-radius: 6px; color: #aab6c5; padding: 1rem 1.25rem; }

.post-list li { border-bottom: 1px solid #21262d; padding-bottom: 0.5rem; }
.post-list .post-link { color: #e2eaf4; }
.post-list .post-link:hover { color: #00e5ff; }
.post-list .post-meta { color: #8b949e; }

.post-header .post-title { color: #ffffff; font-size: 1.6rem; }

.home-page { display: grid; gap: 1.4rem; max-width: 1400px; }

.home-hero { align-items: stretch; background: linear-gradient(135deg, #111820 0%, #0d1117 58%, #101720 100%); border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 8px; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr) minmax(280px, 390px); overflow: hidden; padding: 1.5rem; }

.home-hero-copy { align-self: center; min-width: 0; }
.home-hero-copy h1 { border: 0; color: #ffffff; font-size: clamp(2rem, 4vw, 4.2rem); line-height: 0.95; margin: 0 0 0.8rem; max-width: 780px; padding: 0; }
.home-hero-copy p { color: #aab6c5; font-size: 1.08rem; line-height: 1.55; margin: 0; max-width: 760px; }

.home-brand-mark { align-items: baseline; display: inline-flex; gap: 0.45rem; margin: 0 0 0.85rem; text-decoration: none !important; }

.home-brand-mark__full { color: #00e5ff; font-family: "HemiHeadRG", "Courier New", monospace; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.04em; line-height: 1; text-shadow: 0 0 10px rgba(0, 229, 255, 0.12); }

.home-brand-mark:hover .home-brand-mark__full { color: #ffffff; }

.home-actions { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.25rem; }

.home-btn { border-radius: 4px; font-family: "Rajdhani", sans-serif; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.04em; padding: 0.55rem 0.9rem; text-decoration: none !important; }

.home-btn--primary { background: #00e5ff; color: #0d1117 !important; }
.home-btn--primary:hover { background: #ffffff; }

.home-btn--secondary { border: 1px solid rgba(0, 229, 255, 0.35); color: #00e5ff !important; }
.home-btn--secondary:hover { background: rgba(0, 229, 255, 0.08); color: #ffffff !important; }

.home-hero-panel { background: rgba(8, 12, 16, 0.72); border: 1px solid rgba(0, 229, 255, 0.16); border-radius: 6px; display: grid; min-width: 0; }
.home-hero-panel div { display: grid; gap: 0.15rem; padding: 1rem; }
.home-hero-panel div + div { border-top: 1px solid rgba(0, 229, 255, 0.1); }
.home-hero-panel span { color: #8b949e; font-family: "Courier New", monospace; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; }
.home-hero-panel strong { color: #e2eaf4; font-family: "Rajdhani", sans-serif; font-size: 1.45rem; font-weight: 700; }

.home-value-strip, .home-featured-grid, .home-category-grid, .home-post-list { display: grid; gap: 0.85rem; }

.home-value-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-value-strip div { background: #111820; border: 1px solid rgba(0, 229, 255, 0.14); border-radius: 6px; padding: 0.9rem; }
.home-value-strip strong { color: #e2eaf4; display: block; font-family: "Rajdhani", sans-serif; font-size: 1rem; font-weight: 700; margin-bottom: 0.2rem; }
.home-value-strip span { color: #8b949e; font-size: 0.85rem; }

.home-section { padding-top: 0.6rem; }

.home-section-heading { align-items: center; border-bottom: 1px solid rgba(0, 229, 255, 0.16); display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 0.85rem; padding-bottom: 0.45rem; }
.home-section-heading h2 { border: 0; color: #00e5ff; font-size: 1.35rem; margin: 0; padding: 0; }
.home-section-heading a { font-family: "Rajdhani", sans-serif; font-size: 0.95rem; font-weight: 700; text-decoration: none; }

.home-featured-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

.home-product-card, .home-category-card, .home-post-card { background: #111820; border: 1px solid rgba(0, 229, 255, 0.16); border-radius: 6px; min-width: 0; overflow: hidden; }

.home-product-card { display: grid; grid-template-rows: 190px 1fr; }

.home-product-image { align-items: center; background: #080c10; display: flex; justify-content: center; overflow: hidden; }
.home-product-image img { display: block; height: 100%; max-height: 100%; max-width: 100%; object-fit: contain; width: 100%; }

.home-product-body { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.85rem; }
.home-product-body h3 { font-size: 1rem; line-height: 1.25; margin: 0; }
.home-product-body h3 a { color: #e2eaf4; display: -webkit-box; overflow: hidden; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.home-product-body h3 a:hover { color: #00e5ff; }

.home-product-category { color: #00e5ff !important; font-family: "Courier New", monospace; font-size: 0.7rem; letter-spacing: 0.08em; text-decoration: none !important; text-transform: uppercase; }

.home-product-meta { align-items: center; display: flex; gap: 0.55rem; justify-content: space-between; margin-top: auto; }
.home-product-meta strong { color: #ffffff; font-family: "Rajdhani", sans-serif; font-size: 1.05rem; }

.home-stock { border-radius: 999px; font-family: "Rajdhani", sans-serif; font-size: 0.8rem; font-weight: 700; padding: 0.25rem 0.5rem; }

.home-stock--in { background: rgba(126, 231, 135, 0.1); border: 1px solid rgba(126, 231, 135, 0.32); color: #7ee787; }

.home-category-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }

.home-category-card { display: grid; gap: 0.15rem; padding: 1rem; text-decoration: none !important; }
.home-category-card span { color: #e2eaf4; font-family: "Rajdhani", sans-serif; font-size: 1.05rem; font-weight: 700; }
.home-category-card small { color: #8b949e; font-size: 0.85rem; }
.home-category-card:hover { border-color: rgba(0, 229, 255, 0.45); }
.home-category-card:hover span { color: #00e5ff; }

.home-post-list { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

.home-post-card { padding: 1rem; }
.home-post-card time { color: #8b949e; font-family: "Courier New", monospace; font-size: 0.7rem; }
.home-post-card h3 { font-size: 1.1rem; line-height: 1.25; margin: 0.35rem 0 0.45rem; }
.home-post-card h3 a { color: #e2eaf4; text-decoration: none; }
.home-post-card h3 a:hover { color: #00e5ff; }
.home-post-card p { color: #8b949e; margin: 0; }

@media (max-width: 900px) { .home-hero { grid-template-columns: 1fr; }
  .home-hero-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-hero-panel div + div { border-left: 1px solid rgba(0, 229, 255, 0.1); border-top: 0; }
  .home-value-strip { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .home-page { gap: 1rem; }
  .home-hero { padding: 1rem; }
  .home-hero-copy h1 { font-size: 2rem; line-height: 1; }
  .home-hero-panel { grid-template-columns: 1fr; }
  .home-hero-panel div + div { border-left: 0; border-top: 1px solid rgba(0, 229, 255, 0.1); }
  .home-section-heading { align-items: flex-start; flex-direction: column; gap: 0.35rem; } }
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.5rem; margin: 2rem 0; }

.product-card { background-color: #161b22; border: 1px solid #30363d; border-radius: 6px; padding: 0; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.product-card:hover { border-color: #00e5ff; box-shadow: 0 0 12px rgba(0, 229, 255, 0.1); }
.product-card h3 { margin-top: 0; color: #00e5ff; font-family: "Rajdhani", "Courier New", Courier, monospace; font-size: 1.1rem; font-weight: 700; }
.product-card p { color: #8b949e; font-size: 0.95rem; margin-bottom: 0rem; }
.product-card .price { font-size: 1.15rem; font-weight: 700; color: #e2eaf4; margin-bottom: 0rem; font-family: "Rajdhani", "Courier New", Courier, monospace; }

.btn-amazon { display: inline-block; background-color: #00e5ff; color: #0d1117 !important; padding: 0.45rem 1.1rem; border-radius: 4px; text-decoration: none !important; font-weight: bold; font-family: "Courier New", Courier, monospace; font-size: 0.85rem; letter-spacing: 0.03em; transition: background-color 0.2s ease; }
.btn-amazon:hover { background-color: #ffffff; color: #0d1117 !important; }

.shop-intro { color: #8b949e; margin-bottom: 0.5rem; }

.site-header { display: none !important; }

.page-wrapper { margin-left: 60px; transition: margin-left 0.25s ease; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; }

.sidebar:hover ~ .page-wrapper { margin-left: 220px; }

.page-wrapper .page-content { flex: 1; }

.sidebar { position: fixed; left: 0; top: 0; height: 100vh; width: 60px; background-color: #0a0d13; border-right: 1px solid rgba(0, 229, 255, 0.15); z-index: 1000; overflow: hidden; display: flex; flex-direction: column; transition: width 0.25s ease; }

.sidebar:hover { width: 220px; }

.sidebar-logo { display: flex; align-items: center; justify-content: center; min-height: 62px; padding: 0; overflow: hidden; flex-shrink: 0; }

.sidebar:hover .sidebar-logo { justify-content: flex-start; padding: 0 1.1rem; }

.sidebar-logo-link { display: flex; align-items: center; text-decoration: none !important; white-space: nowrap; }

.logo-short { font-family: "HemiHeadRG", monospace; color: #00e5ff; font-size: 1rem; letter-spacing: 0.05em; line-height: 1; max-width: 60px; opacity: 1; overflow: hidden; transition: max-width 0.25s ease, opacity 0.25s ease; }

.logo-full { font-family: "HemiHeadRG", monospace; color: #00e5ff; font-size: 1.7rem; letter-spacing: 0.03em; white-space: nowrap; overflow: hidden; max-width: 0; opacity: 0; margin-left: 0; transition: max-width 0.25s ease, opacity 0.25s ease, margin-left 0.25s ease; }

.sidebar:hover .logo-short { max-width: 0; opacity: 0; overflow: hidden; }

.sidebar:hover .logo-full { max-width: 220px; opacity: 1; margin-left: 0; }

.sidebar-divider { border: none; border-top: 1px solid rgba(0, 229, 255, 0.15); margin: 0 0.75rem 0.4rem; flex-shrink: 0; }

.sidebar-item-group { display: flex; flex-direction: column; }

.sidebar-submenu { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.2s ease; overflow: hidden; transition-delay: 0.5s; }

.sidebar-item-group:hover .sidebar-submenu { grid-template-rows: 1fr; transition-delay: 0s; }

.sidebar-submenu > * { overflow: hidden; }

.sidebar-submenu-item { display: block; padding: 0.45rem 1.1rem 0.45rem 1rem; color: #8b949e; text-decoration: none; font-size: 0.85rem; white-space: nowrap; border-left: 1px solid #30363d; margin-left: 1.7rem; transition: color 0.15s, background-color 0.15s; }
.sidebar-submenu-item:visited { color: #8b949e; }
.sidebar-submenu-item:hover { color: #00e5ff; background-color: rgba(0, 229, 255, 0.06); text-decoration: none; }

.sidebar-item { display: flex; align-items: center; padding: 0.8rem 1.1rem; color: #8b949e; text-decoration: none !important; white-space: nowrap; overflow: hidden; flex-shrink: 0; transition: color 0.2s ease, background-color 0.2s ease; }
.sidebar-item:visited { color: #8b949e; }
.sidebar-item:hover { color: #e2eaf4; background-color: rgba(255, 255, 255, 0.04); text-decoration: none !important; }
.sidebar-item.active { color: #00e5ff; box-shadow: inset 2px 0 0 #00e5ff; }

.sidebar-icon { flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
.sidebar-icon svg { display: block; }

.sidebar-label { white-space: nowrap; overflow: hidden; max-width: 0; opacity: 0; margin-left: 0.85rem; font-family: "Rajdhani", sans-serif; font-size: 0.95rem; font-weight: 600; letter-spacing: 0.04em; transition: max-width 0.25s ease, opacity 0.25s ease; }

.sidebar:hover .sidebar-label { max-width: 140px; opacity: 1; }

.sidebar-search-wrap { cursor: text; }

.sidebar-search-input { max-width: 0; opacity: 0; overflow: hidden; margin-left: 0.85rem; background: transparent; border: none; border-bottom: 1px solid rgba(0, 229, 255, 0.3); color: #e2eaf4; font-size: 0.85rem; font-family: "Rajdhani", sans-serif; outline: none; padding: 0 0 2px; transition: max-width 0.25s ease, opacity 0.25s ease; }
.sidebar-search-input::placeholder { color: #404854; }

.sidebar:hover .sidebar-search-input { max-width: 130px; opacity: 1; }

.hamburger { display: none; position: fixed; top: 0.9rem; left: 0.9rem; z-index: 1100; background: #161b22; border: 1px solid #30363d; border-radius: 4px; padding: 0.4rem 0.45rem; cursor: pointer; flex-direction: column; gap: 5px; }
.hamburger span { display: block; width: 20px; height: 2px; background-color: #e2eaf4; border-radius: 1px; }

.hamburger--hidden { opacity: 0; pointer-events: none; transition: opacity 0.15s ease; }

.sidebar-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 999; }
.sidebar-overlay.active { display: block; }

@media (max-width: 768px) { .hamburger { display: flex; }
  .page-wrapper, .sidebar:hover ~ .page-wrapper { margin-left: 0 !important; width: 100% !important; padding-top: 3.5rem; }
  .sidebar { width: 220px; transform: translateX(-100%); transition: transform 0.25s ease; }
  .sidebar:hover { width: 220px; }
  .sidebar.mobile-open { transform: translateX(0); }
  .sidebar.mobile-open .sidebar-logo { justify-content: flex-start; padding: 0 1.1rem; }
  .sidebar.mobile-open .logo-short { max-width: 0; opacity: 0; }
  .sidebar.mobile-open .logo-full { max-width: 220px; opacity: 1; }
  .sidebar.mobile-open .sidebar-label { max-width: 140px; opacity: 1; }
  .sidebar.mobile-open .sidebar-search-input { max-width: 130px; opacity: 1; }
  .page-wrapper, .sidebar:hover ~ .page-wrapper { margin-left: 0 !important; padding-top: 3.5rem; } }
.page-title { font-size: 2.2rem; margin: 0 0 0.5rem; color: #ffffff; }
.page-title .shop-title-link, .page-title .shop-title-link:visited { color: #00e5ff; text-decoration: none; }
.page-title .shop-title-link:hover { color: #00e5ff; text-decoration: underline; text-underline-offset: 3px; }

.project-list { display: flex; flex-direction: column; gap: 1.25rem; margin: 1.5rem 0; }

.project-card { display: block; background-color: #161b22; border: 1px solid #30363d; border-radius: 6px; padding: 1.25rem 1.5rem; text-decoration: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.project-card:hover { border-color: #00e5ff; box-shadow: 0 0 10px rgba(0, 229, 255, 0.07); }
.project-card:hover h3 { color: #00e5ff; }
.project-card:hover .read-more { color: #ffffff; }
.project-card h3 { margin: 0 0 0.35rem; font-size: 1.1rem; color: #e2eaf4; transition: color 0.15s ease; }
.project-card .project-meta { font-size: 0.8rem; color: #8b949e; margin-bottom: 0.6rem; font-family: "Courier New", monospace; }
.project-card p { color: #8b949e; font-size: 0.95rem; margin: 0 0 0.75rem; }
.project-card .read-more { font-size: 0.85rem; font-family: "Rajdhani", sans-serif; font-weight: 600; color: #00e5ff; letter-spacing: 0.04em; transition: color 0.15s ease; }

.page-layout-split { display: flex; gap: 2rem; align-items: flex-start; }

.split-main { flex: 1 1 0%; min-width: 0; }

.split-sidebar { flex: 0 0 300px; min-width: 0; position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #30363d transparent; }
.split-sidebar::-webkit-scrollbar { width: 4px; }
.split-sidebar::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }

@media (max-width: 1100px) { .page-layout-split { flex-direction: column; }
  .split-sidebar { flex: none; width: 100%; position: static; max-height: none; overflow-y: visible; }
  .split-sidebar .widget-tiles { flex-direction: row; overflow-x: auto; gap: 0.75rem; padding-bottom: 0.5rem; scrollbar-width: thin; scrollbar-color: #30363d transparent; }
  .split-sidebar .widget-tiles::-webkit-scrollbar { height: 4px; }
  .split-sidebar .widget-tiles::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
  .split-sidebar .widget-tile { min-width: 200px; max-width: 240px; flex-shrink: 0; border-bottom: none !important; border-right: 1px solid rgba(255, 255, 255, 0.05); }
  .split-sidebar .widget-tile:last-child { border-right: none; } }
.widget { background-color: #111820; border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 8px; padding: 1rem; }

.widget-heading { font-family: "Courier New", Courier, monospace; font-size: 1rem; font-weight: bold; color: #00e5ff; text-transform: uppercase; letter-spacing: 0.12em; margin: 0 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(0, 229, 255, 0.15); }

.widget-tiles { display: flex; flex-direction: column; }

.widget-tile { padding: 0.6rem 0.4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.05); border-radius: 4px; transition: background-color 0.15s ease; }
.widget-tile:last-child { border-bottom: none; }
.widget-tile:hover { background-color: rgba(0, 229, 255, 0.04); box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.08); }

.widget-tile-link-block { display: block; text-decoration: none !important; }
.widget-tile-link-block:hover .widget-tile-name { color: #00e5ff; }

.widget-tile-name { font-family: "Rajdhani", sans-serif; font-size: 0.85rem; font-weight: 600; color: #e2eaf4; margin-bottom: 0.15rem; line-height: 1.3; transition: color 0.15s ease; }

.widget-tile-meta, .widget-tile-price { font-family: "Courier New", monospace; font-size: 0.7rem; color: #00e5ff; margin-bottom: 0.2rem; }

.widget-tile-desc { font-size: 0.8rem; color: #8b949e; line-height: 1.4; margin-bottom: 0.35rem; }

.widget-tile-link { font-size: 0.75rem; font-family: "Rajdhani", sans-serif; font-weight: 600; color: #00e5ff; text-decoration: none; letter-spacing: 0.03em; }
.widget-tile-link:hover { color: #ffffff; }

.page-shop .wrapper { max-width: none; padding-left: 1.5rem; padding-right: 1.5rem; }
.page-shop .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin: 0 0 2rem; }
@media (min-width: 1400px) { .page-shop .product-grid { grid-template-columns: repeat(4, 1fr); } }
.page-shop .product-card { display: flex; flex-direction: column; }
@media (min-width: 641px) { .page-shop .product-card { flex-direction: row; } }
.page-shop .product-card p { flex: 1; }
.page-shop .product-card .btn-amazon { align-self: flex-start; }

.shop-search { display: block; width: 100%; box-sizing: border-box; background: #161b22; border: 1px solid #30363d; border-radius: 4px; color: #e2eaf4; font-family: "Rajdhani", sans-serif; font-size: 1rem; padding: 0.65rem 1rem; margin-bottom: 1.5rem; outline: none; transition: border-color 0.2s ease; }
.shop-search:focus { border-color: rgba(0, 229, 255, 0.5); }
.shop-search::placeholder { color: #404854; }

.product-list-h { display: grid; grid-template-columns: 1fr; gap: 1rem; margin: 0 0 2rem; }
@media (min-width: 1050px) { .product-list-h { grid-template-columns: 1fr 1fr; } }

.product-card-h { display: flex; flex-direction: row; align-items: stretch; background-color: #0d1520; border: 1px solid rgba(0, 229, 255, 0.15); border-radius: 8px; overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.product-card-h:hover { border-color: rgba(0, 229, 255, 0.5); transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); }

.product-card-image { flex: 0 0 38%; align-self: stretch; background-color: #080c10; overflow: hidden; border-radius: 8px 0 0 8px; }
.product-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }

.product-card-content { flex: 1; display: flex; flex-direction: column; padding: 0.5rem 0.7rem; min-width: 0; }

.product-card-top { flex: 1; min-width: 0; }

.product-category-tag { font-family: "Courier New", monospace; font-size: 0.7rem; text-transform: uppercase; color: rgba(0, 229, 255, 0.9); letter-spacing: 0.1em; display: inline-block; margin-bottom: 0.25rem; background: rgba(0, 229, 255, 0.12); border: 1px solid rgba(0, 229, 255, 0.35); border-radius: 4px; padding: 2px 8px; }

.product-card-title { font-family: "Rajdhani", sans-serif; font-size: 1rem; font-weight: 700; color: #e2eaf4; margin: 0 0 0.3rem; }

.product-card-desc { font-size: 0.85rem; color: #8b949e; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; overflow: hidden; }

.product-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: auto; padding-top: 0.5rem; flex-wrap: wrap; }

.product-card-bottom-left { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }

@media (max-width: 640px) { .product-card-h { flex-direction: column; }
  .product-card-image { flex: 0 0 auto; width: 100%; aspect-ratio: 16 / 9; align-self: auto; border-radius: 8px 8px 0 0; }
  .product-card-content { padding: 0.75rem; } }
.product-view-details { font-family: "Rajdhani", sans-serif; font-size: 0.85rem; font-weight: 600; color: #00e5ff; letter-spacing: 0.03em; text-decoration: none !important; transition: color 0.15s ease; }
.product-view-details:hover { color: #ffffff; }

.btn-buy-now { display: inline-block; background-color: #00e5ff; color: #0d1117 !important; font-family: "Rajdhani", sans-serif; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.04em; padding: 0.3rem 0.75rem; border-radius: 4px; text-decoration: none !important; transition: background-color 0.15s ease, color 0.15s ease; }
.btn-buy-now:hover { background-color: #ffffff; color: #0d1117 !important; }

.product-detail { max-width: 1100px; }

.product-detail-columns { display: flex; gap: 2.5rem; align-items: flex-start; margin-bottom: 2.5rem; }

.product-detail-left { flex: 0 0 45%; min-width: 0; }

.product-detail-right { flex: 1 1 0%; min-width: 0; }

.product-main-image-wrap { background: #080c10; border: 1px solid rgba(0, 229, 255, 0.15); border-radius: 8px; overflow: hidden; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; }
.product-main-image-wrap img { width: 100%; height: 100%; object-fit: contain; display: block; }

.product-thumbnails { display: flex; gap: 0.5rem; margin-top: 0.75rem; flex-wrap: wrap; }

.product-thumb { width: 64px; height: 64px; background: #080c10; border: 1px solid rgba(0, 229, 255, 0.2); border-radius: 4px; overflow: hidden; cursor: pointer; padding: 0; transition: border-color 0.15s ease; }
.product-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.product-thumb.active { border-color: #00e5ff; box-shadow: 0 0 6px rgba(0, 229, 255, 0.3); }
.product-thumb:hover { border-color: rgba(0, 229, 255, 0.6); }

.product-detail-title { font-size: 1.8rem; font-weight: 700; color: #ffffff; margin: 0.5rem 0 0.75rem; border-left: none !important; padding-left: 0 !important; }

.product-star-rating { display: flex; align-items: center; gap: 0.15rem; margin-bottom: 0.75rem; }
.product-star-rating .star { font-size: 1.1rem; line-height: 1; }
.product-star-rating .star-full { color: #f5a623; }
.product-star-rating .star-half { color: #f5a623; opacity: 0.65; }
.product-star-rating .star-empty { color: #404854; }
.product-star-rating .review-count { font-size: 0.8rem; color: #8b949e; margin-left: 0.35rem; font-family: "Courier New", monospace; }

.product-detail-price { font-family: "Rajdhani", sans-serif; font-size: 1.8rem; font-weight: 700; color: #e2eaf4; margin-bottom: 0.35rem; }

.product-stock-note { color: #8b949e; font-family: "Courier New", monospace; font-size: 0.78rem; margin: 0 0 1rem; }
.product-stock-note span { color: #586069; display: inline-block; margin-left: 0.35rem; }

.product-detail-desc { color: #8b949e; font-size: 0.95rem; line-height: 1.65; margin-bottom: 1.25rem; }

.product-price-history { border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 6px; color: #00e5ff; margin-bottom: 1.25rem; padding: 0.75rem; }

.product-price-history-top { display: flex; justify-content: space-between; gap: 0.75rem; color: #8b949e; font-family: "Courier New", monospace; font-size: 0.7rem; margin-bottom: 0.5rem; }

.product-price-history svg { display: block; height: 46px; width: 100%; }

.product-specs-panel { background: #111820; border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 6px; margin-bottom: 1.25rem; padding: 0.85rem; }
.product-specs-panel table { border: none; border-collapse: collapse; margin: 0.7rem 0; table-layout: fixed; width: 100%; }
.product-specs-panel tr:last-child td { border-bottom: none; }
.product-specs-panel td { background: #111820; border: none; border-bottom: 1px solid rgba(139, 148, 158, 0.16); font-size: 0.75rem; line-height: 1.5; padding: 0.6rem 0.4rem; text-align: left; vertical-align: middle; }
.product-specs-panel td:first-child { color: #8b949e; letter-spacing: 0.04em; text-transform: uppercase; width: 38%; }
.product-specs-panel td:last-child { color: #e2eaf4; font-size: 0.95rem; font-weight: 600; }

.product-specs-heading { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; justify-content: space-between; margin-bottom: 0.3rem; }
.product-specs-heading h3 { color: #00e5ff; font-family: "Courier New", monospace; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; margin: 0; text-transform: uppercase; }

.tested-by-dst-badge { align-items: center; background: rgba(0, 229, 255, 0.12); border: 1px solid rgba(0, 229, 255, 0.4); border-radius: 4px; color: #00e5ff; display: inline-flex; font-family: "Courier New", monospace; font-size: 0.7rem; gap: 0.3rem; letter-spacing: 0.05em; margin-left: auto; padding: 0.2rem 0.5rem; text-transform: uppercase; }

.spec-verified-check { align-items: center; background: #00e5ff; border-radius: 50%; color: #0d1117; display: inline-flex; font-size: 0.7rem; font-weight: 700; height: 15px; justify-content: center; line-height: 1; margin-left: 0.35rem; width: 15px; }

.product-specs-note { color: #8b949e; font-size: 0.8rem; line-height: 1.55; margin: 0.65rem 0 0; }

.product-specs-report { margin: 0.75rem 0 0; }
.product-specs-report a { font-size: 0.85rem; font-weight: 600; }

.datasheet-link { display: inline-block; font-size: 0.8rem; margin-top: 0.6rem; }

.product-variants-select { margin-bottom: 1.25rem; }

.product-variants-label { font-family: "Courier New", monospace; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(0, 229, 255, 0.7); margin: 0 0 0.6rem; }

.product-variant-buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.variant-btn { background: #111820; border: 1px solid #30363d; border-radius: 4px; color: #e2eaf4; font-family: "Rajdhani", sans-serif; font-size: 0.9rem; font-weight: 600; padding: 0.4rem 0.85rem; cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease; }
.variant-btn:hover { border-color: rgba(0, 229, 255, 0.5); background: #161b22; }
.variant-btn.selected { border-color: #00e5ff; background: rgba(0, 229, 255, 0.12); color: #00e5ff; }

.btn-amazon-full { display: block; width: 100%; box-sizing: border-box; background-color: #ff9900; color: #000000 !important; padding: 0.85rem 1.5rem; border-radius: 6px; text-decoration: none !important; font-weight: 700; font-family: "Rajdhani", sans-serif; font-size: 1.1rem; letter-spacing: 0.04em; text-align: center; transition: background-color 0.2s ease; margin-bottom: 0.5rem; }
.btn-amazon-full:hover { background-color: #ffaa22; color: #000000 !important; text-decoration: none !important; }

.product-amazon-note { font-size: 0.8rem; color: #8b949e; text-align: center; margin: 0 0 1.5rem; }

.product-back-link { font-size: 0.85rem; color: #00e5ff; font-family: "Rajdhani", sans-serif; font-weight: 600; letter-spacing: 0.03em; text-decoration: none !important; display: inline-block; margin-top: 0.5rem; }
.product-back-link:hover { color: #ffffff; text-decoration: none !important; }

.product-body-content { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid #21262d; color: #c9d1d9; line-height: 1.75; }
.product-body-content p { margin-bottom: 1rem; }
.product-body-content ul, .product-body-content ol { margin-bottom: 1rem; padding-left: 1.5rem; color: #8b949e; }
.product-body-content li { margin-bottom: 0.3rem; }
.product-body-content strong { color: #e2eaf4; }
.product-body-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: 0.9rem; }
.product-body-content table th { background: #161b22; color: #00e5ff; font-family: "Courier New", monospace; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; padding: 0.6rem 0.9rem; text-align: left; border-bottom: 1px solid rgba(0, 229, 255, 0.2); }
.product-body-content table td { padding: 0.6rem 0.9rem; border-bottom: 1px solid #21262d; color: #8b949e; }
.product-body-content table tr:last-child td { border-bottom: none; }

.parts-used, .featured-in, .related-products, .bom-box { border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 6px; margin: 1.5rem 0; padding: 1rem; background: #111820; }
.parts-used h2, .featured-in h2, .related-products h2, .bom-box h2 { border-bottom: 1px solid rgba(0, 229, 255, 0.15); color: #00e5ff; font-family: "Courier New", monospace; font-size: 0.95rem; letter-spacing: 0.08em; margin: 0 0 0.8rem; padding-bottom: 0.45rem; text-transform: uppercase; }

.bom-box table { border-collapse: collapse; width: 100%; font-size: 0.85rem; }
.bom-box th, .bom-box td { padding: 0.5rem 0.7rem; text-align: left; border-bottom: 1px solid #21262d; white-space: nowrap; }
.bom-box th { color: #00e5ff; font-family: "Courier New", monospace; font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; }
.bom-box td { color: #8b949e; }
.bom-box tr:last-child td { border-bottom: none; }

.bom-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.parts-used-list, .featured-in-list, .related-products-list, .deals-list { display: grid; gap: 0.6rem; }

.parts-used-row { align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.06); display: grid; gap: 0.75rem; grid-template-columns: 1fr auto auto; padding-bottom: 0.6rem; }
.parts-used-row:last-child { border-bottom: none; padding-bottom: 0; }
.parts-used-row span { color: #8b949e; display: block; font-size: 0.8rem; }

.parts-used-meta { color: #8b949e; display: flex; flex-wrap: wrap; gap: 0.45rem; justify-content: flex-end; }

.parts-used-buy { border: 1px solid rgba(0, 229, 255, 0.35); border-radius: 4px; font-family: "Rajdhani", sans-serif; font-size: 0.8rem; font-weight: 700; padding: 0.25rem 0.55rem; text-decoration: none !important; }

.featured-in-list a { background: rgba(0, 229, 255, 0.05); border-radius: 4px; padding: 0.45rem 0.6rem; text-decoration: none !important; }

.related-product, .tag-result { align-items: center; background: rgba(0, 229, 255, 0.04); border-radius: 4px; display: grid; gap: 0.35rem; grid-template-columns: 1fr auto auto; padding: 0.55rem 0.65rem; }
.related-product span, .tag-result span { color: #8b949e; font-size: 0.8rem; }

.tag-chips { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.75rem 0 1rem; }
.tag-chips a { background: rgba(0, 229, 255, 0.08); border: 1px solid rgba(0, 229, 255, 0.2); border-radius: 4px; color: #00e5ff; font-family: "Courier New", monospace; font-size: 0.75rem; padding: 0.25rem 0.45rem; text-decoration: none !important; }

.tag-results { display: grid; gap: 0.6rem; }

.series-nav, .newsletter-box, .bundle-total { background: #111820; border: 1px solid rgba(0, 229, 255, 0.16); border-radius: 6px; margin: 1.25rem 0; padding: 0.9rem; }

.series-nav h2, .newsletter-box h2 { border: 0; color: #00e5ff; font-family: "Courier New", monospace; font-size: 0.95rem; letter-spacing: 0.08em; margin: 0 0 0.65rem; padding: 0; text-transform: uppercase; }

.series-nav ol { margin: 0; padding-left: 1.25rem; }
.series-nav ol li.active a { color: #ffffff; }

.newsletter-box { max-width: 720px; }
.newsletter-box p { color: #8b949e; margin: 0 0 0.75rem; }
.newsletter-box form { display: flex; gap: 0.5rem; }
.newsletter-box input { background: #0d1117; border: 1px solid #30363d; border-radius: 4px; color: #e2eaf4; flex: 1; min-width: 0; padding: 0.55rem 0.7rem; }
.newsletter-box button { background: #00e5ff; border: 0; border-radius: 4px; color: #0d1117; cursor: pointer; font-family: "Rajdhani", sans-serif; font-weight: 700; padding: 0.55rem 0.9rem; }

.footer-newsletter-wrap .newsletter-box { margin-bottom: 2rem; }

.compare-app { margin-bottom: 2rem; }

.compare-picker { margin-bottom: 1.25rem; }
.compare-picker label { color: #8b949e; display: block; font-size: 0.8rem; margin-bottom: 0.4rem; }

.compare-search-wrap { max-width: 420px; position: relative; }

#compare-search { background: #111820; border: 1px solid rgba(0, 229, 255, 0.25); border-radius: 6px; color: #e2eaf4; font-size: 0.92rem; padding: 0.65rem 0.85rem; width: 100%; }
#compare-search:focus { border-color: #00e5ff; outline: none; }
#compare-search:disabled { color: #586069; cursor: not-allowed; }
#compare-search::placeholder { color: #586069; }

.compare-results { background: #111820; border: 1px solid rgba(0, 229, 255, 0.25); border-radius: 6px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); left: 0; margin-top: 0.35rem; max-height: 320px; overflow-y: auto; position: absolute; right: 0; top: 100%; z-index: 20; }
.compare-results[hidden] { display: none; }

.compare-result { background: transparent; border: 0; border-bottom: 1px solid #21262d; cursor: pointer; display: flex; flex-direction: column; gap: 0.15rem; padding: 0.55rem 0.75rem; text-align: left; width: 100%; }
.compare-result:last-child { border-bottom: none; }
.compare-result:hover, .compare-result:focus { background: rgba(0, 229, 255, 0.06); }

.compare-result-title { color: #e2eaf4; font-size: 0.85rem; }

.compare-result-meta { color: #8b949e; font-family: "Courier New", monospace; font-size: 0.7rem; }

.compare-results-empty { color: #8b949e; font-size: 0.85rem; padding: 0.65rem 0.75rem; }

.compare-cards { display: grid; gap: 0.85rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); margin-bottom: 1.25rem; }
.compare-cards:empty { display: none; }

.compare-cards--count-1 { max-width: 720px; }

.compare-cards--count-2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); }

.compare-card { background: #111820; border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 6px; min-width: 0; overflow: hidden; padding: 0.85rem; position: relative; }

.compare-card-remove { background: rgba(13, 17, 23, 0.85); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; color: #8b949e; cursor: pointer; font-size: 1rem; height: 24px; line-height: 1; position: absolute; right: 0.6rem; top: 0.6rem; width: 24px; z-index: 1; }
.compare-card-remove:hover { border-color: #ff6b6b; color: #ff6b6b; }

.compare-card-image { background: #080c10; border-radius: 4px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: clamp(260px, 42vh, 420px); margin-bottom: 0.65rem; overflow: hidden; width: 100%; }
.compare-card-image img { display: block; height: 100%; max-height: 100%; max-width: 100%; object-fit: contain; width: 100%; }

.compare-cards--count-1 .compare-card-image { height: clamp(220px, 38vh, 360px); }

.compare-card-title { color: #e2eaf4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 0.85rem; line-height: 1.35; margin-bottom: 0.65rem; overflow: hidden; text-decoration: none !important; }
.compare-card-title:hover { color: #00e5ff; }

.compare-table-scroll { border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 8px; background: linear-gradient(180deg, rgba(17, 24, 32, 0.96), rgba(13, 17, 23, 0.96)); overflow-x: auto; -webkit-overflow-scrolling: touch; }

.compare-table { background: transparent; border: 0; border-collapse: separate; border-spacing: 0; margin: 0; min-width: 720px; width: 100%; }
.compare-table tr, .compare-table tr:nth-child(even) { background: transparent; }
.compare-table .compare-row { position: relative; }
.compare-table .compare-row th, .compare-table .compare-row td { background: rgba(255, 255, 255, 0.015); }
.compare-table .compare-row:nth-child(even) th, .compare-table .compare-row:nth-child(even) td { background: rgba(255, 255, 255, 0.035); }
.compare-table .compare-row--product th, .compare-table .compare-row--product td { background: rgba(0, 229, 255, 0.065) !important; border-bottom-color: rgba(0, 229, 255, 0.18); }
.compare-table .compare-row--category th { box-shadow: inset 3px 0 0 #00e5ff; }
.compare-table th, .compare-table td { border: 0; border-bottom: 1px solid rgba(0, 229, 255, 0.09); padding: 0.9rem 1rem; text-align: left; vertical-align: middle; white-space: nowrap; }
.compare-table th { background: rgba(0, 229, 255, 0.04) !important; color: rgba(0, 229, 255, 0.9); font-family: "Courier New", monospace; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; min-width: 140px; position: sticky; left: 0; text-transform: uppercase; z-index: 1; }
.compare-table td { color: #c9d1d9; font-family: "Rajdhani", sans-serif; font-size: 1rem; min-width: 190px; }
.compare-table td + td { border-left: 1px solid rgba(0, 229, 255, 0.08); }
.compare-table tr:last-child th, .compare-table tr:last-child td { border-bottom: none; }

.compare-product-name { color: #e2eaf4 !important; display: -webkit-box; font-family: "Rajdhani", sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.2; max-width: 260px; overflow: hidden; text-decoration: none !important; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.compare-product-name:hover { color: #00e5ff !important; }

.diff-row th, .diff-row td { background: rgba(0, 229, 255, 0.055) !important; }
.diff-row th { box-shadow: inset 3px 0 0 #00e5ff; }

.compare-chip, .compare-status { align-items: center; border-radius: 999px; display: inline-flex; font-family: "Rajdhani", sans-serif; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1; padding: 0.34rem 0.6rem; text-transform: capitalize; }

.compare-chip { background: rgba(0, 229, 255, 0.08); border: 1px solid rgba(0, 229, 255, 0.22); color: #9befff; }

.compare-price { color: #ffffff; font-family: "Rajdhani", sans-serif; font-size: 1.08rem; font-weight: 700; }

.compare-status { border: 1px solid transparent; }

.compare-status--in { background: rgba(126, 231, 135, 0.1); border-color: rgba(126, 231, 135, 0.35); color: #7ee787; }

.compare-status--out { background: rgba(255, 107, 107, 0.1); border-color: rgba(255, 107, 107, 0.35); color: #ff8a8a; }

.compare-table-note { color: #586069; font-size: 0.8rem; margin-top: 0.6rem; }

#compare-table .empty-state { background: #111820; border: 1px dashed rgba(0, 229, 255, 0.2); border-radius: 6px; color: #8b949e; font-size: 0.95rem; padding: 1.5rem; text-align: center; }

.bundle-items { display: grid; gap: 0.85rem; }

.bundle-item { align-items: center; background: #111820; border: 1px solid rgba(0, 229, 255, 0.16); border-radius: 6px; display: grid; gap: 1rem; grid-template-columns: 120px 1fr auto; padding: 0.85rem; }
.bundle-item img { aspect-ratio: 1; background: #080c10; border-radius: 4px; object-fit: contain; width: 100%; }
.bundle-item h2 { border: 0; font-size: 1.1rem; margin: 0 0 0.3rem; padding: 0; }
.bundle-item p { color: #8b949e; margin: 0; }

.bundle-item-buy { display: grid; gap: 0.35rem; justify-items: end; }
.bundle-item-buy span { color: #8b949e; font-size: 0.8rem; }

.bundle-total { display: flex; justify-content: space-between; }

.deal-row { align-items: center; background: #111820; border: 1px solid rgba(0, 229, 255, 0.16); border-radius: 6px; display: grid; gap: 0.75rem; grid-template-columns: 1fr auto auto; padding: 0.8rem; }
.deal-row span { color: #8b949e; display: block; font-size: 0.8rem; }

.deal-prices { color: #8b949e; font-family: "Courier New", monospace; font-size: 0.78rem; text-align: right; }
.deal-prices strong { color: #00e5ff; display: block; font-weight: 700; }

@media (max-width: 640px) { .compare-cards, .compare-cards--count-2 { grid-template-columns: 1fr; }
  .parts-used-row, .deal-row, .related-product, .bundle-item { grid-template-columns: 1fr; }
  .parts-used-meta, .deal-prices, .bundle-item-buy { justify-content: flex-start; justify-items: start; text-align: left; }
  .newsletter-box form { grid-template-columns: 1fr; flex-direction: column; } }
@media (max-width: 900px) { .product-detail-columns { flex-direction: column; gap: 1.5rem; }
  .product-detail-left, .product-detail-right { flex: none; width: 100%; } }