:root {--accent:#D97706;--accent-hover:#B45309;--text:#333333;--text-secondary:#595959;--bg:#FFFFFF;--bg-alt:#F8F9FA;--border:#E0E0E0;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,0.08);--shadow-hover:0 8px 30px rgba(0,0,0,0.12)} * {box-sizing:border-box;margin:0;padding:0} html {scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%} body {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Inter','Helvetica Neue',Arial,sans-serif;color:var(--text);line-height:1.6;background:var(--bg);-webkit-font-smoothing:antialiased} img {max-width:100%;height:auto;display:block} a {color:var(--accent);text-decoration:none;transition:opacity .2s} a:hover {opacity:.85} .container {width:100%;max-width:1200px;margin:0 auto;padding:0 20px} .header {background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000} .header-inner {display:flex;align-items:center;justify-content:space-between;height:72px} .logo {font-size:24px;font-weight:800;color:var(--text);letter-spacing:-0.5px} .logo span {color:var(--accent)} .nav {display:flex;gap:28px;align-items:center} .nav a {color:var(--text);font-weight:500;font-size:15px;position:relative} .nav a::after {content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s} .nav a:hover::after {width:100%} .header-phone {font-weight:700;font-size:16px;color:var(--text)} .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .2s;min-height:44px;-webkit-tap-highlight-color:rgba(217,119,6,0.2)} .btn-primary {background:var(--accent);color:#fff} .btn-primary:hover {background:var(--accent-hover);transform:translateY(-1px)} .btn-secondary {background:transparent;color:var(--accent);border:2px solid var(--accent)} .btn-secondary:hover {background:var(--accent);color:#fff} .btn-sm {padding:8px 16px;font-size:14px} .burger {display:none;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:none;padding:8px} .burger span {display:block;width:24px;height:2px;background:var(--text);border-radius:2px} .hero {position:relative;background:linear-gradient(135deg,#FFF8F0 0%,#FFFFFF 100%);overflow:hidden} .hero-pattern {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(247,148,29,0.08) 1px,transparent 1px);background-size:24px 24px;pointer-events:none} .hero-inner {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:80px 0} .hero-content h1 {font-size:40px;line-height:1.15;font-weight:800;margin-bottom:20px;letter-spacing:-0.5px} .hero-content .subtitle {font-size:18px;color:var(--text-secondary);margin-bottom:32px;max-width:520px} .hero-stats {display:flex;gap:32px;margin-bottom:32px} .stat-number {font-size:28px;font-weight:800;color:var(--accent);line-height:1} .stat-label {font-size:13px;color:var(--text-secondary);margin-top:4px} .hero-buttons {display:flex;gap:16px;flex-wrap:wrap} .hero-photo-placeholder {background:var(--bg-alt);border:2px dashed var(--border);border-radius:var(--radius);height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);font-size:14px;padding:20px} .section {padding:72px 0} .section-alt {background:var(--bg-alt)} .section-title {font-size:32px;font-weight:700;margin-bottom:12px;text-align:center} .section-subtitle {text-align:center;color:var(--text-secondary);margin-bottom:48px;font-size:16px} .grid-4 {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch} .grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch} .grid-2 {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:stretch} .card {background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%;overflow:visible}
.card img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:12px;flex-shrink:0}
.card .card-title{font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .card-meta{font-size:12px;color:var(--text-secondary);margin-bottom:8px;min-height:36px}
.card .card-price{font-size:18px;font-weight:800;color:var(--accent);margin-bottom:8px;flex-shrink:0}
.card>p{font-size:13px;color:#666;margin-bottom:12px;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.card>a.btn,.card>button{margin-top:auto;align-self:flex-start;flex-shrink:0} .card:hover {transform:translateY(-4px);box-shadow:var(--shadow-hover)} .card-img-placeholder {background:var(--bg-alt);border:2px dashed var(--border);border-radius:8px;height:200px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);font-size:13px;margin-bottom:16px;padding:12px} .card-title {font-size:18px;font-weight:700;margin-bottom:8px} .card-meta {font-size:13px;color:var(--text-secondary);margin-bottom:12px} .card-meta span {display:inline-block;margin-right:12px} .card-price {font-size:20px;font-weight:800;color:var(--accent);margin-bottom:16px} .tile-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .tile {background:var(--bg);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);text-align:center;transition:transform .2s} .tile:hover {transform:translateY(-4px)} .tile-icon {width:56px;height:56px;margin:0 auto 16px;color:var(--accent);display:flex;align-items:center;justify-content:center} .tile-title {font-size:18px;font-weight:700;margin-bottom:8px} .tile-text {font-size:14px;color:var(--text-secondary);margin-bottom:16px} .feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px} .feature {display:flex;gap:16px;align-items:flex-start} .feature-icon {width:48px;height:48px;flex-shrink:0;color:var(--accent);display:flex;align-items:center;justify-content:center} .feature-title {font-size:17px;font-weight:700;margin-bottom:4px} .feature-text {font-size:14px;color:var(--text-secondary)} .proof-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .proof-card {background:var(--bg);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);text-align:center} .proof-logo {height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);margin-bottom:16px;border:1px dashed var(--border);border-radius:8px;font-size:14px} .proof-number {font-size:32px;font-weight:800;color:var(--accent);margin-bottom:8px} .proof-text {font-size:14px;color:var(--text-secondary)} .faq-item {background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden} .faq-question {padding:20px 24px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none} .faq-answer {padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;color:var(--text-secondary);line-height:1.6} .faq-item.open .faq-answer {padding:0 24px 20px;max-height:500px} .faq-icon {width:20px;height:20px;transition:transform .3s;flex-shrink:0} .faq-item.open .faq-icon {transform:rotate(180deg)} .form-group {margin-bottom:16px} .form-label {display:block;font-size:14px;font-weight:500;margin-bottom:6px} .form-input,.form-select,.form-textarea {width:100%;height:48px;padding:0 14px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:inherit;background:var(--bg);transition:border-color .2s} .form-input:focus,.form-select:focus,.form-textarea:focus {outline:none;border-color:var(--accent)} .form-textarea {height:auto;padding:12px 14px;min-height:100px;resize:vertical} .map-placeholder {background:var(--bg-alt);border:2px dashed var(--border);border-radius:var(--radius);height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);font-size:14px} .footer {background:#1a2332;color:#8a9bb0;padding:56px 0 0;font-size:14px} .footer-grid {display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px} .footer-brand {font-size:28px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-0.5px} .footer-brand span {color:var(--accent)} .footer-desc {color:#8a9bb0;font-size:14px;line-height:1.6;margin-bottom:20px} .footer-contact {color:#8a9bb0;font-size:14px;line-height:1.8} .footer-contact strong {color:#fff;font-weight:600} .footer-contact a {color:#8a9bb0;text-decoration:none} .footer-contact a:hover {color:var(--accent)} .footer-title {color:#fff;font-weight:700;margin-bottom:20px;font-size:15px;text-transform:none} .footer a {color:#8a9bb0;display:block;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .2s} .footer a:hover {color:var(--accent)} .footer-bottom {background:#111a25;padding:20px 0;text-align:center;font-size:13px;color:#5a6a7a;line-height:1.6} .footer-bottom a {color:#5a6a7a;text-decoration:none} .footer-bottom a:hover {color:var(--accent)} .mobile-bar {display:none;position:fixed;bottom:0;left:0;right:0;height:auto;background:#fff;border-top:1px solid var(--border);z-index:999} .mobile-bar-btn {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:14px;color:var(--text);text-decoration:none;border-right:1px solid var(--border);flex:1;padding:12px 8px;min-height:56px;font-weight:600} .mobile-bar-btn:last-child {border-right:none} .mobile-bar-btn svg {width:24px;height:24px} .breadcrumbs {font-size:13px;color:var(--text-secondary);padding:16px 0;margin-bottom:20px} .breadcrumbs a {color:var(--text-secondary)} .breadcrumbs a:hover {color:var(--accent)} .product-layout {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start} .product-gallery {display:grid;gap:12px} .product-gallery-main {background:var(--bg-alt);border:2px dashed var(--border);border-radius:var(--radius);height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);font-size:14px;padding:20px} .product-gallery-thumbs {display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .product-thumb {background:var(--bg-alt);border:2px dashed var(--border);border-radius:8px;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);font-size:12px;padding:8px} .product-meta-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0} .product-meta-item {background:var(--bg-alt);border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px} .product-meta-item svg {width:24px;height:24px;color:var(--accent);flex-shrink:0} .product-meta-label {font-size:12px;color:var(--text-secondary)} .product-meta-value {font-size:15px;font-weight:700} .product-price-big {font-size:32px;font-weight:800;color:var(--accent);margin:20px 0} .cta-group {display:flex;flex-wrap:wrap;gap:12px;margin:24px 0} .specs-table {width:100%;border-collapse:collapse;margin:24px 0;font-size:15px} .specs-table th,.specs-table td {padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)} .specs-table th {background:var(--bg-alt);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.5px} .specs-table tr:last-child td {border-bottom:none} .related-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.related-grid .card{padding:16px}
.related-grid .card img{height:140px;margin-bottom:8px}
.related-grid .card .card-title,.related-grid .card h4{font-size:15px;margin-bottom:6px;min-height:auto}
.product-gallery-main a{cursor:zoom-in;display:block;width:100%;height:100%}
.product-gallery-main a img{width:100%;height:100%;object-fit:contain;border-radius:8px} .landing-hero {background:linear-gradient(135deg,#FFF8F0 0%,#FFFFFF 100%);padding:64px 0} .landing-hero h1 {font-size:36px;font-weight:800;max-width:700px;margin-bottom:16px} .landing-hero .lead {font-size:18px;color:var(--text-secondary);max-width:600px;margin-bottom:32px} .landing-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0} .step {text-align:center;padding:24px;background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow)} .step-num {width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 12px} ..modal-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:2000;align-items:center;justify-content:center;padding:20px} ..modal-overlay.active {display:flex} ..modal {background:var(--bg);border-radius:var(--radius);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative} ..modal-close {position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--bg-alt);border:none;border-radius:50%;cursor:pointer;font-size:18px;line-height:1} .text-center {text-align:center} .mb-0 {margin-bottom:0} .mb-1 {margin-bottom:8px} .mb-2 {margin-bottom:16px} .mb-3 {margin-bottom:24px} .mb-4 {margin-bottom:32px} .mt-3 {margin-top:24px} .hidden {display:none}
/* === IMAGE FRAME FIXES === */
.product-gallery-main img,
.product-thumb img,
.product-card-image img,
.card-img-placeholder img,
.product-image img,
.hero-photo-placeholder img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:8px;
}

/* === CARD TABLE FIX === */
.card .card-table {width:100%;font-size:11px;margin-bottom:8px;flex-shrink:0;border:1px solid var(--border)}
.card .card-table .tr {display:flex;border-bottom:1px solid var(--border)}
.card .card-table .thead .tr {background:var(--bg-alt);font-weight:600}
.card .card-table .th,.card .card-table .td {flex:1;padding:3px 6px;font-size:11px}
.card .card-table .th {font-weight:600;background:var(--bg-alt)}
/* === MOBILE RESPONSIVENESS IMPROVEMENTS === */
@media (max-width: 480px) {
  .hero-inner {grid-template-columns:1fr;padding:40px 0}
  .hero-content h1 {font-size:26px}
  .hero-content .subtitle {font-size:15px}
  .hero-stats {flex-wrap:wrap;gap:16px}
  .stat-number {font-size:22px}
  .section-title {font-size:24px}
  .section {padding:40px 0}
  .grid-4,.grid-3,.grid-2,.tile-grid,.feature-grid,.proof-grid {grid-template-columns:1fr}
  .product-layout {grid-template-columns:1fr;gap:24px}
  .product-gallery-main {height:280px}
  .product-gallery-thumbs {grid-template-columns:repeat(3,1fr)}
  .product-thumb {height:80px}
  .product-meta-grid {grid-template-columns:1fr}
  .footer-grid {grid-template-columns:1fr;gap:32px}
  .calc-row {grid-template-columns:1fr}
  @media (max-width:768px){.mobile-bar {display:flex}
  .nav {display:none}
  .burger {display:flex}}
  .hero-buttons {flex-direction:column}
  .hero-buttons .btn {width:100%;justify-content:center}
}

@media (max-width: 768px) {
  .hero-inner {grid-template-columns:1fr;padding:48px 0}
  .hero-content h1 {font-size:30px}
  .grid-4 {grid-template-columns:repeat(2,1fr)}
  .grid-3 {grid-template-columns:repeat(2,1fr)}
  .product-layout {grid-template-columns:1fr}
  .product-gallery-main {height:320px}
  .footer-grid {grid-template-columns:repeat(2,1fr)}
  .calc-row {grid-template-columns:1fr}
}

/* Fix for product cards on mobile */
@media (max-width: 480px) {
  .product-card {padding:16px}
  .product-card-image {height:160px}
  .product-card-title {font-size:16px}
  .product-card-price {font-size:18px}
}

/* WhatsApp button style */
.mobile-bar-btn[href*="tel"] {background:#D97706;color:#fff} .mobile-bar-btn[href*="t.me"] {background:#2AABEE;color:#fff} .mobile-bar-btn[href*="viber"] {background:#7360F2;color:#fff} .mobile-bar-btn[href*="mailto"] {background:#595959;color:#fff}

a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid #D97706;outline-offset:2px}

.skip-link{position:fixed;left:0;top:0;transform:translateY(-100%);opacity:0;visibility:hidden;background:#1e3a5f;color:#fff;padding:10px 20px;z-index:100;transition:transform .25s,opacity .25s,visibility .25s;font-size:14px;font-weight:600;border-radius:0 0 8px 0;text-decoration:none;pointer-events:none}
@media (max-width:768px){.skip-link{display:none}.skip-link:focus{display:block}}
:focus-visible{outline:3px solid #E8873A;outline-offset:2px;border-radius:4px}
.product-title{font-size:32px;margin-bottom:12px}
.product-subtitle{color:#666;margin-bottom:20px}
.section-title-h2{font-size:24px;margin-bottom:20px}
.section-title-h3{font-size:20px;margin:32px 0 16px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #E8873A;outline-offset:2px}.skip-link:focus{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;outline:3px solid #D97706;outline-offset:2px}

/* === CTA GROUP BUTTON FIXES === */
.cta-group .btn{min-height:48px;padding:12px 20px}.product-card,.product-card-wide{min-height:480px}
@media(max-width:480px){.cta-group .btn{width:100%;text-align:center}}

/* === BREADCRUMBS STYLES === */
.breadcrumbs{padding-top:16px;padding-bottom:8px;font-size:13px;color:#666}
.breadcrumbs a{color:var(--accent);text-decoration:none}

/* === iOS SAFARI SAFE AREA FIX === */
.mobile-bar{padding-bottom:env(safe-area-inset-bottom,0)}