:root{--brand:#0070d2;--brand-dark:#005ba8;--ink:#16293d;--ink-soft:#223c56;--hero-bg:#16293d;--particle:214, 228, 242}
.bg-\[\#000000\]{background-color:var(--brand)!important}
.hover\:bg-\[\#1a1a1a\]:hover{background-color:var(--brand-dark)!important}
.bg-black{background-color:var(--ink)!important}
.hover\:bg-black:hover,.hover\:bg-black\/80:hover,.hover\:bg-black\/90:hover{background-color:var(--ink-soft)!important}
.bg-\[\#111111\]{background-color:var(--ink-soft)!important}
.border-black{border-color:#16293d!important}
.focus\:border-black:focus,.focus\:border-\[\#000000\]:focus{border-color:var(--brand)!important}
.hero-left,.hero-right{background:var(--hero-bg)!important}
.hero-left h1,.hero-left a{color:#ffffff!important}
.hero-left p{color:rgba(255,255,255,0.68)!important}
.hero-left span{color:#ffffff!important}
.hero-left nav span{color:rgba(255,255,255,0.38)!important}
::selection{background:var(--brand)!important;color:#fff}
::-moz-selection{background:var(--brand)!important;color:#fff}
.observation-section,.archives-section{background:var(--ink)!important}
footer{border-top-color:var(--ink)!important}
.text-gray-300{color:#5b6472!important}
.text-gray-400{color:#41495a!important}
.observation-section .text-gray-300,.observation-section .text-gray-400,.archives-section .text-gray-300,.archives-section .text-gray-400{color:#c7d2dd!important}

/* Screen type picker (sits right under "Screen Repair" in Book a Repair) */
.tpr-scr{margin:10px 0 6px 0;background:#fff;border:2px solid var(--brand);border-radius:16px;padding:18px}
.tpr-scr-chosen{padding:14px 16px}
@media (min-width:640px){.tpr-scr{margin-left:24px}}

/* Refurbished phone product page (Back Market style) */
.tpr-pdp{display:grid;grid-template-columns:1fr;gap:28px}
@media (min-width:1024px){.tpr-pdp{grid-template-columns:5fr 6fr;gap:48px}.tpr-pdp-media{position:sticky;top:96px;align-self:start}}
.tpr-pdp-img{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:36px}
.tpr-pdp-img img{max-width:100%;max-height:100%;object-fit:contain}
.tpr-trust{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.tpr-trust li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--ink)}
.tpr-trust svg{color:var(--brand);flex-shrink:0}
.tpr-badge{display:inline-block;background:#e8f2fc;color:var(--brand-dark);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.tpr-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:16px 0 10px}
.tpr-price-now{font-size:34px;font-weight:900;color:var(--ink);line-height:1}
.tpr-price-was{font-size:15px;color:rgba(0,0,0,.4);text-decoration:line-through}
.tpr-save{font-size:12px;font-weight:700;color:#15803d;background:#dcfce7;padding:3px 8px;border-radius:6px}
.tpr-vat{font-size:11px;color:rgba(0,0,0,.4)}
.tpr-sec{margin-top:28px}
.tpr-sec-h{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:var(--ink);margin:0 0 4px}
.tpr-num{width:24px;height:24px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.tpr-sec-sub{font-size:12px;color:rgba(0,0,0,.5);margin:0 0 12px 34px}
.tpr-sec-h+.tpr-grid{margin-top:12px}
.tpr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.tpr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tpr-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:1.5px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.tpr-opt:hover{border-color:var(--ink)}
.tpr-opt-on{border:2px solid var(--brand);box-shadow:0 0 0 3px rgba(0,112,210,.12);padding:13.5px}
.tpr-opt-top{display:flex;width:100%;align-items:center;justify-content:space-between;gap:6px}
.tpr-opt-t{font-size:14px;font-weight:700;color:var(--ink)}
.tpr-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:rgba(0,0,0,.05);color:rgba(0,0,0,.5);padding:2px 6px;border-radius:4px}
.tpr-opt-d{font-size:11px;line-height:1.4;color:rgba(0,0,0,.5)}
.tpr-opt-p{font-size:14px;font-weight:800;color:var(--ink);margin-top:auto;padding-top:4px}
.tpr-buy{margin-top:30px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:18px;display:grid;gap:12px}
.tpr-buy-sum{display:flex;flex-direction:column;gap:2px}
.tpr-buy-l{font-size:11px;color:rgba(0,0,0,.45);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.tpr-buy-v{font-size:14px;font-weight:700;color:var(--ink)}
.tpr-add{width:100%;padding:15px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s}
.tpr-add:hover{background:var(--brand-dark)}
.tpr-add-ok{background:#16a34a}
.tpr-cartlink{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink);opacity:.6}
.tpr-cartlink:hover{opacity:1}
@media (max-width:1023px){.tpr-pdp-img{aspect-ratio:4/3;padding:20px}.tpr-trust{grid-template-columns:1fr;gap:6px}.tpr-trust li{padding:9px 12px;font-size:12px}}

/* product photo gallery */
.tpr-pdp-img{background:#f4f6f8}
.tpr-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:2px}
.tpr-thumb{flex:0 0 auto;width:72px;height:72px;border-radius:12px;border:1.5px solid rgba(0,0,0,.12);background:#f4f6f8;padding:6px;cursor:pointer}
.tpr-thumb img{width:100%;height:100%;object-fit:contain}
.tpr-thumb-on{border:2px solid var(--brand)}
.tpr-img-note{font-size:11px;color:rgba(0,0,0,.45);margin:8px 0 0;text-align:center}
