*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: ‘Segoe UI’, system-ui, sans-serif;
font-size: 15px;
line-height: 1.7;
color: #1a1a1a;
background: #fff;
max-width: 860px;
margin: 0 auto;
padding: 0 16px 48px;
}

/* HERO */
.hero {
background: linear-gradient(135deg, #0f1923 0%, #1c2e3d 60%, #0d2236 100%);
border-radius: 12px;
padding: 32px 32px 28px;
margin: 24px 0 32px;
color: #fff;
position: relative;
overflow: hidden;
}
.hero::before {
content: ”;
position: absolute;
top: -40px; right: -40px;
width: 220px; height: 220px;
background: radial-gradient(circle, rgba(255,180,30,0.18) 0%, transparent 70%);
border-radius: 50%;
}
.hero-badge {
display: inline-block;
background: #f5a623;
color: #1a1a1a;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 4px;
margin-bottom: 14px;
}
.hero h1 {
font-size: clamp(20px, 3vw, 26px);
font-weight: 700;
line-height: 1.3;
margin-bottom: 14px;
color: #fff;
}
.hero-tagline {
font-size: 16px;
color: rgba(255,255,255,0.78);
margin-bottom: 22px;
max-width: 560px;
}
.hero-stats {
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.hero-stat {
display: flex;
flex-direction: column;
}
.hero-stat strong {
font-size: 22px;
font-weight: 700;
color: #f5a623;
}
.hero-stat span {
font-size: 12px;
color: rgba(255,255,255,0.6);
text-transform: uppercase;
letter-spacing: .06em;
}

/* IMAGES */
.product-img {
width: 100%;
max-width: 860px;
height: auto;
display: block;
border-radius: 10px;
margin: 28px auto;
background: #f5f5f5;
}

/* BENEFIT BAR */
.benefit-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
margin: 0 0 36px;
}
.benefit-card {
background: #f8f9fa;
border: 1px solid #e8eaed;
border-radius: 10px;
padding: 16px 14px;
text-align: center;
}
.benefit-card .icon {
font-size: 26px;
margin-bottom: 8px;
display: block;
}
.benefit-card strong {
display: block;
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 3px;
}
.benefit-card span {
font-size: 12px;
color: #666;
}

/* SECTIONS */
h2 {
font-size: 20px;
font-weight: 700;
color: #0f1923;
margin: 36px 0 16px;
padding-bottom: 8px;
border-bottom: 2px solid #f5a623;
display: inline-block;
}
h3 {
font-size: 17px;
font-weight: 700;
color: #0f1923;
margin: 28px 0 12px;
}
p { margin-bottom: 14px; color: #2c2c2c; }

/* LUMENI VIZUALIZATE */
.modes-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 12px;
margin: 16px 0 28px;
}
.mode-card {
border-radius: 10px;
padding: 16px 12px;
text-align: center;
border: 1px solid #e0e0e0;
}
.mode-card.turbo { background: #fff8e1; border-color: #ffc107; }
.mode-card.high { background: #fff3e0; border-color: #ff9800; }
.mode-card.medium { background: #e8f5e9; border-color: #4caf50; }
.mode-card.low { background: #e3f2fd; border-color: #2196f3; }
.mode-card.moon { background: #f3e5f5; border-color: #9c27b0; }
.mode-name {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .07em;
font-weight: 700;
margin-bottom: 6px;
color: #333;
}
.mode-lumens {
font-size: 20px;
font-weight: 700;
color: #0f1923;
margin-bottom: 4px;
}
.mode-lumens span { font-size: 11px; font-weight: 400; color: #777; }
.mode-battery {
font-size: 12px;
color: #555;
}

/* AUTONOMIE TABLE */
.autonomie-table {
width: 100%;
border-collapse: collapse;
margin: 16px 0 28px;
font-size: 14px;
}
.autonomie-table thead tr {
background: #0f1923;
color: #fff;
}
.autonomie-table thead th {
padding: 11px 14px;
text-align: left;
font-weight: 600;
font-size: 13px;
}
.autonomie-table tbody tr:nth-child(even) { background: #f8f9fa; }
.autonomie-table tbody tr:hover { background: #fff8e1; }
.autonomie-table tbody td {
padding: 10px 14px;
border-bottom: 1px solid #eee;
color: #1a1a1a;
}
.badge-autonomie {
background: #e8f5e9;
color: #2e7d32;
border-radius: 20px;
padding: 2px 10px;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}

/* SPECS TABLE */
.specs-table {
width: 100%;
border-collapse: collapse;
margin: 16px 0 28px;
font-size: 14px;
border: 1px solid #e0e0e0;
border-radius: 10px;
overflow: hidden;
}
.specs-table tr:nth-child(even) { background: #f8f9fa; }
.specs-table td {
padding: 10px 14px;
border-bottom: 1px solid #ececec;
}
.specs-table td:first-child {
font-weight: 700;
color: #444;
width: 38%;
background: #f0f2f5;
}

/* INDICATOR BATERIE */
.battery-indicator {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin: 12px 0 28px;
}
.batt-card {
flex: 1;
min-width: 120px;
border-radius: 8px;
padding: 14px 12px;
text-align: center;
font-size: 13px;
font-weight: 600;
}
.batt-card.green { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; }
.batt-card.yellow { background: #fffde7; color: #f57f17; border: 1px solid #fff176; }
.batt-card.red { background: #ffebee; color: #c62828; border: 1px solid #ef9a9a; }
.batt-card.redblink { background: #fce4ec; color: #880e4f; border: 1px solid #f48fb1; border-style: dashed; }
.batt-pct { font-size: 18px; font-weight: 700; margin-bottom: 4px; }

/* COMENZI */
.comenzi-list {
list-style: none;
margin: 0 0 28px;
display: grid;
gap: 10px;
}
.comenzi-list li {
background: #f8f9fa;
border-left: 4px solid #f5a623;
border-radius: 0 8px 8px 0;
padding: 12px 16px;
font-size: 14px;
display: flex;
align-items: center;
gap: 12px;
}
.cmd-icon {
font-size: 20px;
flex-shrink: 0;
}

/* CONTINUT PACHET */
.pachet-list {
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 10px;
margin: 12px 0 28px;
}
.pachet-list li {
background: #f8f9fa;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 12px 14px;
font-size: 13px;
display: flex;
align-items: center;
gap: 8px;
color: #1a1a1a;
}
.pachet-list li::before {
content: ‘✓’;
color: #2e7d32;
font-weight: 700;
font-size: 15px;
}

/* DE CE TEMARK */
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 14px;
margin: 16px 0 32px;
}
.why-item {
background: linear-gradient(135deg, #0f1923 0%, #1c2e3d 100%);
border-radius: 10px;
padding: 18px 16px;
color: #fff;
display: flex;
align-items: flex-start;
gap: 12px;
}
.why-num {
font-size: 28px;
font-weight: 700;
color: #f5a623;
line-height: 1;
flex-shrink: 0;
min-width: 36px;
}
.why-text strong {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 4px;
color: #fff;
}
.why-text span {
font-size: 12px;
color: rgba(255,255,255,0.65);
}

/* CTA */
.cta-box {
background: linear-gradient(135deg, #1c2e3d 0%, #0f1923 100%);
border-radius: 12px;
padding: 28px 28px;
margin: 32px 0;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.cta-box .cta-text p {
font-size: 15px;
color: rgba(255,255,255,0.75);
margin-bottom: 0;
}
.cta-box .cta-text strong {
display: block;
font-size: 20px;
color: #fff;
margin-bottom: 6px;
}
.cta-btn {
background: #f5a623;
color: #0f1923;
font-size: 15px;
font-weight: 700;
padding: 13px 28px;
border-radius: 8px;
border: none;
cursor: pointer;
white-space: nowrap;
text-decoration: none;
display: inline-block;
}
.cta-btn:hover { background: #ffb733; }

/* TRUST BADGES */
.trust-bar {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin: 24px 0;
justify-content: center;
}
.trust-item {
display: flex;
align-items: center;
gap: 7px;
font-size: 13px;
color: #444;
}
.trust-item .t-icon {
font-size: 18px;
}

@media (max-width: 540px) {
.hero { padding: 22px 18px; }
.hero-stats { gap: 16px; }
.cta-box { flex-direction: column; align-items: flex-start; }
}

5 moduri — de la economie extremă la Turbo

Nu ești blocat la o singură intensitate. Alegi modul potrivit în funcție de situație: conservi bateria pe drum lung, activezi Turbo în momente critice.

Autonomie reală — testată pe acumulator inclus

Valorile de mai jos sunt măsurate cu acumulatorul 18650 de 2200mAh furnizat în pachet.

Specificații tehnice

Cap reglabil sus-jos — mâini libere, lumină precisă

Capul lanternei se înclină manual pentru a îndrepta fasciculul exact unde ai nevoie: pe sol pentru mers, pe un perete pentru lucru, sau drept înainte pe traseu. Nu mai ții lanterna în mână — o porți și lucrezi liber.

Încărcare Type-C — de la orice sursă USB

Portul Type-C este protejat de un capac lateral. Poți încărca lanterna de la power bank, adaptor USB, calculator, încărcător de telefon sau priză auto — fără cablu special, fără investiții suplimentare.

Notă: nu sunt recomandate încărcătoarele cu fast charge la tensiuni speciale.

Indicator baterie integrat — știi mereu cât ai rămas

LED-ul de pe buton îți arată starea bateriei printr-un cod de culori simplu:

Comenzi simple — înveți în 30 de secunde

• 👆
  O apăsare scurtă — treci la modul următor de iluminare
• ✊
  Apăsare lungă — pornești direct în Moonlight (lanternă oprită) sau oprești (lanternă pornită)
• 👆👆
  Dublu click — activezi Turbo sau Strobe instantaneu
• ⏱️
  După 3+ secunde de funcționare — o singură apăsare scurtă oprește lanterna

Corp din aliaj de aluminiu — solid și ușor

Carcasa din aluminiu oferă rezistență mecanică și disipă căldura generată de LED-uri. La 45 g este printre cele mai ușoare din clasă — nu vei simți că o porți pe cap ore în șir.

Potrivită pentru orice situație cu mâinile libere

Cureaua elastică se adaptează la orice dimensiune de cap. Compactă și ușoară, o porți confortabil ore întregi fără oboseală.

Folosită frecvent pentru: camping, drumeții, pescuit nocturn, service auto, inspecții tehnice, lucrări în garaj, urgențe de acasă.

Ce primești în cutie

• Lanternă frontală LED Temark TMK-LF1100
• Acumulator 18650 Li-Ion 2200mAh
• Cablu de încărcare USB Type-C
• Manual de utilizare
• Cutie carton natur

De ce să alegi TMK-LF1100?