/* TYGRYS.NET Custom Theme CSS */
/* Replaces ARPrice,Elementor,and WordPress styling */

:root{
 --primary-orange:#F15A23;
 --primary-blue:#0058B3;
 --dark-gray:#333333;
 --light-gray:#f5f5f5;
 --white:#ffffff;
}

html{
 scroll-behavior:smooth;
}

*{
 margin:0;
 padding:0;
 box-sizing:border-box;
}

/* Disable text/image selection on front page */
.navbar,
.hero-container,
.hero-banner,
.section,
.pricing-card,
.footer-new{
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
}

/* Allow selection in form inputs */
input,textarea,select{
 -webkit-user-select:text;
 -moz-user-select:text;
 -ms-user-select:text;
 user-select:text;
}

body{
 background-image:url("images/hero-background.webp");
 background-size:100% auto;
 background-position:right top;
 background-repeat:no-repeat;
 background-color:#fff;
 font-family:'Open Sans',sans-serif;
 color:var(--dark-gray);
 line-height:1.6;
}

/* Navigation */
.navbar{
 background:var(--white);
 padding:15px 0;
 box-shadow:0 2px 5px rgba(0,0,0,0.1);
 position:sticky;
 top:0;
 z-index:1000;
}

.navbar .container{
 max-width:1600px;
 margin:0 auto;
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:0 40px;
}

.navbar .logo img{
 height:90px;
 width:auto;
}

.navbar .nav-links{
 display:flex;
 list-style:none;
 gap:40px;
}

.navbar .nav-links a{
 text-decoration:none;
 color:var(--dark-gray);
 font-weight:600;
 font-size:16px;
 transition:color 0.3s;
}

.navbar .nav-links a i{
 font-size:10px;
 margin-left:5px;
 transition:transform 0.3s;
}

/* Dropdown submenu */
.navbar .nav-links li.has-submenu{
 position:relative;
}

.navbar .nav-links li.has-submenu:hover > a i{
 transform:rotate(180deg);
}

.navbar .nav-links .submenu{
 position:absolute;
 top:100%;
 left:0;
 background:#fff;
 min-width:250px;
 box-shadow:0 5px 20px rgba(0,0,0,0.15);
 border-radius:8px;
 padding:10px 0;
 opacity:0;
 visibility:hidden;
 transform:translateY(10px);
 transition:all 0.3s ease;
 z-index:1000;
 list-style:none;
}

.navbar .nav-links li.has-submenu:hover .submenu{
 opacity:1;
 visibility:visible;
 transform:translateY(0);
}

.navbar .nav-links .submenu li{
 padding:0;
}

.navbar .nav-links .submenu li a{
 display:block;
 padding:10px 20px;
 color:var(--dark-gray);
 font-size:14px;
 font-weight:500;
 transition:all 0.3s;
 border-left:3px solid transparent;
}

.navbar .nav-links .submenu li a:hover{
 background:#f8f8f8;
 color:var(--primary-orange);
 border-left-color:var(--primary-orange);
}

.navbar .nav-links a:hover{
 color:var(--primary-orange);
}

.navbar .nav-right{
 display:flex;
 gap:20px;
 align-items:center;
}

.navbar .nav-right a{
 text-decoration:none;
 font-size:14px;
 font-weight:600;
}

.navbar .nav-right .dla-domu{color:#c44010;}
.navbar .nav-right .dla-biznesu{color:#c44010;}
.navbar .nav-right .panel-klienta{
 background:linear-gradient(135deg,#c44010 0%,#a83510 100%);
 color:var(--white);
 padding:8px 15px;
 border-radius:5px;
 font-weight:600;
 transition:all 0.3s ease;
 box-shadow:0 2px 8px rgba(255,102,0,0.3);
}
.navbar .nav-right .panel-klienta:hover{
 transform:translateY(-2px);
 box-shadow:0 4px 15px rgba(255,102,0,0.4);
}

/* Hamburger Button */
.hamburger{
 display:none;
 flex-direction:column;
 justify-content:space-between;
 width:30px;
 height:22px;
 background:transparent;
 border:none;
 cursor:pointer;
 padding:0;
 z-index:1001;
}

.hamburger span{
 display:block;
 width:100%;
 height:3px;
 background-color:var(--primary-orange);
 border-radius:2px;
 transition:all 0.3s ease;
}

.hamburger.active span:nth-child(1){
 transform:rotate(45deg) translate(6px,6px);
}

.hamburger.active span:nth-child(2){
 opacity:0;
}

.hamburger.active span:nth-child(3){
 transform:rotate(-45deg) translate(6px,-6px);
}

/* Mobile Menu Overlay */
.mobile-menu{
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:#fff;
 z-index:9999;
 flex-direction:column;
 overflow-y:auto;
 -webkit-overflow-scrolling:touch;
 transform:translateX(100%);
 transition:transform 0.3s ease;
 padding-bottom:env(safe-area-inset-bottom,20px);
}

.mobile-menu.active{
 transform:translateX(0);
}

.mobile-menu-header{
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:15px 20px;
 border-bottom:1px solid #eee;
}

.mobile-menu-header .mobile-logo img{
 height:60px;
 width:auto;
}

.mobile-close{
 background:none;
 border:none;
 font-size:28px;
 color:var(--dark-gray);
 cursor:pointer;
 padding:5px;
}

.mobile-nav-links{
 list-style:none;
 padding:20px;
 margin:0;
}

.mobile-nav-links > li{
 border-bottom:1px solid #eee;
}

.mobile-nav-links > li > a{
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:15px 0;
 text-decoration:none;
 color:var(--dark-gray);
 font-weight:600;
 font-size:16px;
 touch-action:manipulation;
 -webkit-tap-highlight-color:transparent;
}

.mobile-nav-links > li > a i{
 transition:transform 0.3s;
}

.mobile-has-submenu.open > a i{
 transform:rotate(180deg);
}

.mobile-submenu{
 list-style:none;
 padding:0 0 10px 15px;
 margin:0;
 display:none;
}

.mobile-has-submenu.open .mobile-submenu{
 display:block;
}

.mobile-submenu li a{
 display:block;
 padding:10px 0;
 text-decoration:none;
 color:#666;
 font-size:14px;
 touch-action:manipulation;
 -webkit-tap-highlight-color:transparent;
}

.mobile-submenu li a:hover{
 color:var(--primary-orange);
}

.mobile-nav-buttons{
 padding:20px;
 padding-bottom:40px;
 display:flex;
 flex-direction:column;
 gap:10px;
 margin-top:20px;
}

.mobile-btn{
 display:block;
 text-align:center;
 padding:12px 20px;
 text-decoration:none;
 font-weight:600;
 border-radius:5px;
 font-size:14px;
}

.mobile-btn.dla-domu{
 color:#c44010;
 border:2px solid #c44010;
}

.mobile-btn.dla-biznesu{
 color:#c44010;
 border:2px solid #c44010;
}

.mobile-btn.panel-klienta{
 background:linear-gradient(135deg,#c44010 0%,#a83510 100%);
 color:#fff;
}

/* Hero H1 - SEO visible heading */
.hero-h1-wrapper{
 position:relative;
 z-index:5;
}
.hero-h1{
 text-align:center;
 font-size:22px;
 font-weight:700;
 color:#fff;
 padding:18px 20px 38px;
 margin:0;
 letter-spacing:0.5px;
 text-shadow:0 1px 3px rgba(0,0,0,0.3);
}
@media (max-width:768px){
 .hero-h1{
 font-size:16px;
 padding:14px 15px 38px;
}
}

/* Hero Banner - New Tiger Design (compact version) */
.hero-banner{
 background-image:url('images/tlo2.webp');
 background-size:100% auto;
 background-position:center top;
 background-repeat:no-repeat;
 padding:0;
 padding-bottom:60px;
 margin-bottom:-60px;
 overflow:visible;
}

.hero-container{
 max-width:100%;
 margin:0 auto;
 position:relative;
}

/* Animated Hero Banner */
.hero-animated{
 position:relative;
 width:100%;
 overflow:visible;
 padding-bottom:0;
}

.hero-bg{
 width:100%;
 height:auto;
 display:block;
 opacity:0;
}

.hero-tiger{
 position:absolute;
 left:18%;
 bottom:0;
 height:92%;
 width:auto;
 z-index:10;
}

.hero-bubbles{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:20;
 overflow:visible;
}

/* Bubble wrapper - contains image and text */
.bubble-wrapper{
 position:absolute;
 display:inline-block;
 opacity:0;
 animation:bubbleFadeIn 0.5s ease-out forwards;
}

.bubble-1{animation-delay:0.1s;}
.bubble-2{animation-delay:0.25s;}
.bubble-3{animation-delay:0.4s;}

@keyframes bubbleFadeIn{
 from{
 opacity:0;
 transform:scale(0.95);
}
 to{
 opacity:1;
 transform:scale(1);
}
}

.bubble-wrapper .hero-bubble{
 height:100%;
 width:auto;
 display:block;
 filter:drop-shadow(3px 5px 15px rgba(200,140,80,0.6)) saturate(0.65) brightness(1.05);
 opacity:0.65;
}

/* Text overlay on bubbles */
.bubble-text{
 position:absolute;
 top:55%;
 transform:translateY(-50%);
 display:flex;
 flex-direction:row;
 align-items:center;
 gap:24px;
 line-height:1.1;
 white-space:nowrap;
}

.bubble-icon{
 font-size:51px;
 background:linear-gradient(
 90deg,
 #B22222 0%,
 #B22222 40%,
 #FF6666 50%,
 #B22222 60%,
 #B22222 100%
 );
 background-size:200% 100%;
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 animation:shimmer 2.5s ease-in-out infinite;
}

.bubble-text-content{
 display:flex;
 flex-direction:column;
}

/* Text position - close to icons */
.bubble-1 .bubble-text{
 left:10%;
}
.bubble-2 .bubble-text{
 left:14%;
}
.bubble-3 .bubble-text{
 left:15%;
}

.bubble-line1{
 font-family:'Roboto Condensed','Arial Narrow',sans-serif;
 font-size:19px;
 font-weight:700;
 color:#222222;
 text-transform:uppercase;
 letter-spacing:0.5px;
 opacity:0;
 animation:fadeSlideIn 0.6s ease-out forwards;
}

.bubble-line2{
 font-family:'Roboto Condensed','Arial Narrow',sans-serif;
 font-size:26px;
 font-weight:700;
 color:#222222;
 text-transform:uppercase;
 opacity:0;
 animation:fadeSlideIn 0.6s ease-out 0.2s forwards;
}

/* Text appear animation */
@keyframes fadeSlideIn{
 0%{
 opacity:0;
 transform:translateY(-10px);
}
 100%{
 opacity:1;
 transform:translateY(0);
}
}

/* Shimmer effect for highlighted text */
.bubble-text .glow{
 display:inline-block;
 text-transform:none;
 background:linear-gradient(
 90deg,
 #B22222 0%,
 #B22222 40%,
 #FF6666 50%,
 #B22222 60%,
 #B22222 100%
 );
 background-size:200% 100%;
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 animation:shimmer 2.5s ease-in-out infinite;
}

@keyframes shimmer{
 0%{
 background-position:100% 50%;
}
 100%{
 background-position:-100% 50%;
}
}

/* Shimmer effect for hero H1 - orange version */
.hero-h1-wrapper{
 text-align:center;
}
.hero-h1.glow{
 display:inline-block;
 background:linear-gradient(
 90deg,
 #ff7033 0%,
 #ff7033 40%,
 #c44010 50%,
 #ff7033 60%,
 #ff7033 100%
 );
 background-size:200% 100%;
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 animation:shimmer 2.5s ease-in-out infinite;
}

/* Same HEIGHT for consistent font size */
.bubble-1,.bubble-2,.bubble-3{
 height:90px;
}

/* Bubble positions - cascading alignment */
.bubble-1{
 top:5%;
 left:45%;
}
.bubble-2{
 top:38%;
 left:42%;
}
.bubble-3{
 top:68%;
 left:38%;
}

/* 2560px+ */
@media (min-width:2000px){
 .hero-tiger{
 left:15%;
 height:95%;
}
 .bubble-1,.bubble-2,.bubble-3{
 height:160px;
}
 .bubble-1{top:3%;left:42%;}
 .bubble-2{top:36%;left:38%;}
 .bubble-3{top:66%;left:33%;}
 .bubble-line1{font-size:32px;}
 .bubble-line2{font-size:42px;}
 .bubble-icon{font-size:60px;}
 .bubble-text{gap:28px;}
}

/* 1920px */
@media (min-width:1400px) and (max-width:1999px){
 .hero-tiger{
 left:12%;
 height:95%;
}
 .bubble-1,.bubble-2,.bubble-3{
 height:130px;
}
 .bubble-1{top:5%;left:42%;}
 .bubble-2{top:38%;left:38%;}
 .bubble-3{top:68%;left:33%;}
 .bubble-line1{font-size:26px;}
 .bubble-line2{font-size:34px;}
 .bubble-icon{font-size:51px;}
 .bubble-text{gap:24px;}
}

/* 1366px */
@media (min-width:1024px) and (max-width:1399px){
 .hero-tiger{
 left:8%;
 height:95%;
}
 .bubble-1,.bubble-2,.bubble-3{
 height:100px;
}
 .bubble-1{top:5%;left:40%;}
 .bubble-2{top:38%;left:36%;}
 .bubble-3{top:68%;left:31%;}
 .bubble-line1{font-size:20px;}
 .bubble-line2{font-size:26px;}
 .bubble-icon{font-size:38px;}
 .bubble-text{gap:16px;}
}

/* Tablet */
@media (min-width:768px) and (max-width:1023px){
 .hero-tiger{
 left:5%;
 height:95%;
}
 .bubble-1,.bubble-2,.bubble-3{
 height:70px;
}
 .bubble-1{top:8%;left:38%;}
 .bubble-2{top:38%;left:34%;}
 .bubble-3{top:66%;left:29%;}
 .bubble-line1{font-size:14px;}
 .bubble-line2{font-size:18px;}
 .bubble-icon{font-size:26px;}
 .bubble-text{gap:10px;}
}

/* Mobile */
@media (max-width:767px){
 body{
 background-image:none;
}
 .hero-banner{
 background-image:url('images/tlo2-mobile.webp');
 background-size:cover;
 background-color:#fdf0e6;
}
 .hero-animated{
 display:flex;
 flex-direction:column;
 align-items:center;
}
 .hero-bg{display:none;}
 picture:has(.hero-tiger){
 width:50%;
 max-width:180px;
 margin:20px 0 10px;
}
 .hero-tiger{
 position:relative;
 left:auto;
 bottom:auto;
 height:auto;
 width:100%;
 max-width:none;
 margin:0;
 transform:none !important;
}
 .hero-bubbles{
 position:relative;
 width:100%;
 height:auto;
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:0 15px 20px;
 gap:10px;
}
 .bubble-wrapper{
 position:relative !important;
 top:auto !important;
 left:auto !important;
 height:auto !important;
 width:100%;
 max-width:280px;
}
 .bubble-wrapper .hero-bubble{
 width:100%;
 height:auto;
}
 .bubble-line1,.bubble-line2{font-size:14px;}
 .bubble-icon{font-size:24px;}
 .bubble-text{gap:10px;left:14% !important;}
}

/* Range Checker */
.range-checker{
 background:transparent;
 padding:10px 20px;
 margin-top:-30px;
 position:relative;
 z-index:10;
}

.range-checker .container{
 max-width:1000px;
 margin:0 auto;
 background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);
 padding:30px 35px;
 border-radius:20px;
 box-shadow:0 10px 40px rgba(0,0,0,0.1);
}

.range-checker h2{
 text-align:center;
 font-size:18px;
 text-transform:uppercase;
 margin-bottom:20px;
 color:var(--dark-gray);
 letter-spacing:1px;
 font-weight:600;
}

.range-checker .form-row{
 display:grid;
 grid-template-columns:1fr 1fr 1fr auto;
 gap:12px;
 align-items:start;
}

@media (max-width:767px){
 .range-checker .form-row{
 grid-template-columns:1fr;
 gap:10px;
}
 .range-checker .form-row .autocomplete-wrapper{
 width:100%;
}
 .range-checker .form-row .autocomplete-wrapper input{
 width:100%;
 box-sizing:border-box;
}
 .range-checker .form-row input{
 width:100%;
 box-sizing:border-box;
}
 .range-checker .form-row button{
 width:100%;
}
}

.range-checker input{
 padding:14px 18px;
 border:1px solid #e0e0e0;
 border-radius:12px;
 font-size:15px;
 color:#333;
 outline:none;
 background:#fff;
 transition:all 0.3s ease;
}

.range-checker input:focus{
 border-color:var(--primary-orange);
 box-shadow:0 0 0 3px rgba(255,102,0,0.1);
}

.range-checker input::placeholder{
 color:#aaa;
}

.range-checker button{
 padding:14px 28px;
 background:linear-gradient(135deg,#c44010 0%,#a83510 100%);
 color:var(--white);
 border:none;
 border-radius:12px;
 font-size:14px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.5px;
 cursor:pointer;
 transition:all 0.3s ease;
 box-shadow:0 4px 15px rgba(255,102,0,0.3);
}

.range-checker button:hover{
 transform:translateY(-2px);
 box-shadow:0 6px 20px rgba(255,102,0,0.4);
}

.range-checker .range-result{
 text-align:center;
 margin-top:20px;
 font-size:15px;
 line-height:1.8;
 min-height:25px;
 padding:0;
 color:#444;
}

.range-checker .range-result:not(:empty){
 background:linear-gradient(135deg,#f8fff8 0%,#f0faf0 100%);
 border:1px solid #d4edda;
 border-radius:12px;
 padding:20px 25px;
 margin-top:20px;
}

.range-checker .range-result .green{
 color:#28a745;
 font-weight:700;
 font-size:16px;
}

.range-checker .range-result .orange{
 color:var(--primary-orange);
 font-weight:700;
 font-size:16px;
}

.range-checker .range-result a{
 display:inline-block;
 margin-top:10px;
 padding:10px 25px;
 background:linear-gradient(135deg,#28a745 0%,#20963c 100%);
 color:#fff;
 text-decoration:none;
 border-radius:25px;
 font-weight:600;
 font-size:14px;
 transition:all 0.3s ease;
 box-shadow:0 4px 15px rgba(40,167,69,0.3);
}

.range-checker .range-result a:hover{
 transform:translateY(-2px);
 box-shadow:0 6px 20px rgba(40,167,69,0.4);
}

.range-checker .range-result a.demand-link{
 background:linear-gradient(135deg,#c44010 0%,#a83510 100%);
}

.range-checker .range-result a.demand-link:hover{
 box-shadow:0 6px 20px rgba(241,90,35,0.4);
}

.range-checker .range-result .demand-cta{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:20px;
 margin-top:20px;
}

.range-checker .range-result .demand-tiger{
 width:200px;
 height:auto;
}

@media (max-width:500px){
 .range-checker .range-result .demand-cta{
 flex-direction:column;
 gap:15px;
}
 .range-checker .range-result .demand-tiger{
 width:200px;
}
}

.range-checker .range-result strong{
 color:#1a1a2e;
 font-weight:700;
}

.range-checker .map-button{
 display:block;
 margin:15px auto 0;
 background:transparent;
 color:#666;
 font-size:13px;
 font-weight:500;
 border:none;
 box-shadow:none;
 text-decoration:underline;
 text-underline-offset:3px;
}

.range-checker .map-button:hover{
 color:var(--primary-orange);
 transform:none;
 box-shadow:none;
}

/* Autocomplete Styles */
.autocomplete-wrapper{
 position:relative;
 flex:1;
}

.autocomplete-dropdown{
 display:none;
 position:absolute;
 top:100%;
 left:0;
 right:0;
 background:#fff;
 border:1px solid #e0e0e0;
 border-top:none;
 border-radius:0 0 12px 12px;
 box-shadow:0 8px 20px rgba(0,0,0,0.12);
 max-height:250px;
 overflow-y:auto;
 z-index:1000;
}

.autocomplete-item{
 padding:12px 16px;
 cursor:pointer;
 border-bottom:1px solid #f0f0f0;
 transition:background 0.2s ease;
}

.autocomplete-item:last-child{
 border-bottom:none;
 border-radius:0 0 12px 12px;
}

.autocomplete-item:hover{
 background:#fff5ee;
}

.autocomplete-item strong{
 display:block;
 color:#333;
 font-size:14px;
}

.autocomplete-item .autocomplete-detail{
 display:block;
 font-size:12px;
 color:#888;
 margin-top:2px;
}

.autocomplete-item.no-results{
 color:#999;
 font-style:italic;
 cursor:default;
}

.autocomplete-item.no-results:hover{
 background:#fff;
}

/* Section Styles */
.section{
 padding:60px 20px;
 scroll-margin-top:100px;
}

.section.last-section{
 padding-bottom:60px;
 position:relative;
 background:linear-gradient(to bottom,#fff 0%,#fff 60%,transparent 100%);
 margin-bottom:0;
}

.section.last-section .container{
 position:relative;
 z-index:10;
}

.section.last-section .pricing-grid{
 position:relative;
 z-index:10;
}

.section.last-section .pricing-card{
 background:#fff;
 box-shadow:0 5px 30px rgba(0,0,0,0.1);
}

.section.gray-bg{
 background:var(--light-gray);
}

.section .container{
 max-width:1600px;
 margin:0 auto;
}

.section-title{
 text-align:center;
 font-size:32px;
 font-weight:700;
 margin-bottom:10px;
 color:var(--dark-gray);
}

.section-subtitle{
 text-align:center;
 font-size:16px;
 color:#666;
 margin-bottom:40px;
 text-transform:uppercase;
 letter-spacing:1px;
}

.subsection-title{
 text-align:center;
 font-size:24px;
 font-weight:600;
 margin-top:50px;
 margin-bottom:30px;
 color:var(--dark-gray);
}

/* Pricing Tables - Custom replacement for ARPrice */
.pricing-grid{
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 gap:60px;
}

.pricing-card{
 background:var(--white);
 border-radius:16px;
 border:1px solid #e0e0e0;
 width:300px;
 text-align:center;
 overflow:visible;
 transition:all 0.3s ease;
 position:relative;
}

.pricing-card:hover{
 transform:translateY(-5px);
 box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

/* Card with ribbon - orange border */
.pricing-card.has-ribbon{
 border:3px solid var(--primary-orange);
}

/* Ribbon wrapper to clip overflow - for all cards with ribbons */
.pricing-card .card-header{
 position:relative;
 overflow:hidden;
}

/* Diagonal corner ribbon - left side */
.pricing-card .ribbon-top{
 position:absolute;
 top:20px;
 left:-40px;
 background:#c00;
 color:#fff;
 font-size:11px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.5px;
 padding:8px 50px;
 transform:rotate(-45deg);
 white-space:nowrap;
 box-shadow:0 2px 8px rgba(0,0,0,0.25);
 z-index:20;
 text-align:center;
 line-height:1;
 display:flex;
 align-items:center;
 justify-content:center;
}

/* Green ribbon variant */
.pricing-card .ribbon-top.ribbon-green{
 background:#28a745;
}

/* Orange ribbon variant */
.pricing-card .ribbon-top.ribbon-orange{
 background:var(--primary-orange);
}

.pricing-card .card-header{
 padding:20px 15px 15px;
 background:#fff;
 border-radius:16px 16px 0 0;
}

.pricing-card .card-title{
 font-size:16px;
 font-weight:700;
 color:#1a1a1a;
 margin-bottom:10px;
}

.pricing-card .card-price{
 display:flex;
 align-items:flex-start;
 justify-content:center;
 line-height:1;
}

.pricing-card .card-price .price-from{
 font-size:14px;
 font-weight:400;
 color:#666;
 align-self:flex-end;
 margin-bottom:8px;
 margin-right:2px;
}

.pricing-card .card-price .price-number{
 font-size:48px;
 font-weight:800;
 color:var(--primary-orange);
}

.pricing-card .card-price .price-info{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 margin-left:3px;
 padding-top:5px;
}

.pricing-card .card-price .currency{
 font-size:14px;
 color:#666;
 font-weight:600;
}

.pricing-card .card-price .period{
 font-size:14px;
 color:#666;
 font-weight:400;
}

.pricing-card .card-button{
 display:inline-block;
 margin:12px 0 5px;
 padding:10px 35px;
 background:#c44010;
 color:var(--white);
 text-decoration:none;
 font-weight:700;
 font-size:12px;
 border-radius:25px;
 transition:all 0.3s ease;
}

.pricing-card .card-button:hover{
 background:#b53e12;
 transform:translateY(-2px);
 box-shadow:0 4px 15px rgba(241,90,35,0.4);
}

.pricing-card .card-features{
 padding:10px 15px 5px;
 text-align:center;
}

/* TV Feature - simple icon without box */
.pricing-card .card-features .tv-feature{
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:10px 0 6px;
 list-style:none;
}

.pricing-card .card-features .tv-feature .tv-icon{
 width:38px;
 height:38px;
 margin-bottom:6px;
}

.pricing-card .card-features .tv-feature .tv-count{
 font-size:14px;
 color:#333;
 font-weight:700;
}

.pricing-card .card-features .tv-feature .channel-link{
 display:inline-flex;
 align-items:center;
 gap:3px;
 margin-top:3px;
 font-size:11px;
 color:#c44010;
 text-decoration:none;
}

.pricing-card .card-features .tv-feature .channel-link:hover{
 background:#c44010;
 color:#fff;
 border-color:#c44010;
}

.pricing-card .card-features .tv-feature .channel-link i{
 font-size:8px;
}

/* Data Feature - for mobile data plans (GB display) */
.pricing-card .card-features .data-feature{
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:10px 0 6px;
 list-style:none;
}

.pricing-card .card-features .data-feature .data-icon{
 width:50px;
 height:50px;
 margin-bottom:6px;
}

.pricing-card .card-features .data-feature .data-count{
 font-size:18px;
 color:#333;
 font-weight:700;
}

.pricing-card .card-features .data-feature .data-bonus{
 font-size:12px;
 color:#c44010;
 font-weight:600;
 margin-top:2px;
}

/* Speed Feature - WiFi icon centered */
.pricing-card .card-features .speed-feature{
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:6px 0 8px;
 list-style:none;
}

.pricing-card .card-features .speed-feature .wifi-icon{
 font-size:24px;
 color:#333;
 margin-bottom:4px;
}

.pricing-card .card-features .speed-feature .speed-icon-img{
 width:50px;
 height:50px;
 margin-bottom:4px;
}

.pricing-card .card-features .speed-feature .speed-text{
 font-size:13px;
 color:#333;
 font-weight:700;
}

/* Promo Banner - ribbon style extending beyond card */
/* Promo Banner Container */
.pricing-card .promo-banner-container{
 position:relative;
 /* margin = card-features padding (15px) + card border (1-3px) + desired overhang (15px) */
 margin-left:-32px;
 margin-right:-32px;
 margin-top:15px;
 margin-bottom:25px;
}

/* Promo Banner Bar */
.pricing-card .promo-banner{
 background:#c44010;
 color:#fff;
 padding:12px 20px;
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 font-weight:700;
 font-size:16px;
}

/* Fold corners under banner */
.pricing-card .promo-banner-container .fold-left,
.pricing-card .promo-banner-container .fold-right{
 position:absolute;
 top:100%;
 border-style:solid;
}

/* Left fold - matches overhang */
.pricing-card .promo-banner-container .fold-left{
 left:0;
 border-width:0 15px 15px 0;
 border-color:transparent #9a3515 transparent transparent;
}

/* Right fold - matches overhang */
.pricing-card .promo-banner-container .fold-right{
 right:0;
 border-width:15px 15px 0 0;
 border-color:#9a3515 transparent transparent transparent;
}

.pricing-card .promo-banner i,
.pricing-card .promo-banner svg{
 font-size:20px;
 width:20px;
 height:20px;
}

/* Regular features with bullets */
.pricing-card .card-features .regular-features{
 text-align:left;
 padding:12px 5px 10px;
 margin:0;
}

.pricing-card .card-features .regular-features li{
 list-style:none;
 padding:4px 0;
 font-size:12px;
 color:#444;
 display:flex;
 align-items:flex-start;
 gap:8px;
}

.pricing-card .card-features .regular-features li::before{
 content:'•';
 color:#888;
 font-size:14px;
 line-height:1;
 flex-shrink:0;
}

/* Legacy styles for non-package cards */
.pricing-card .card-features li{
 list-style:none;
 padding:6px 0;
 font-size:13px;
 color:#444;
 line-height:1.5;
}

.pricing-card .card-features li strong{
 color:#c44010;
 font-weight:700;
}

/* 4-column pricing for packages */
.pricing-grid.four-col .pricing-card{
 width:300px;
}

/* Phone pricing - 2 columns */
.pricing-grid.two-col .pricing-card{
 width:300px;
}

/* Mobile pricing - 4 columns */
.pricing-grid.mobile .pricing-card{
 width:260px;
}

/* Landline pricing - 3 columns */
.pricing-grid.three-col .pricing-card{
 width:300px;
}

/* CTA Section - SEO + call to action (homepage) */
.cta-section{
 text-align:center;
 padding:40px 20px 80px;
 background:linear-gradient(to bottom,#fff 0%,#fff 70%,transparent 100%);
 color:var(--dark-gray);
 position:relative;
 margin:0;
 z-index:5;
}
.cta-section > .container{
 max-width:700px;
 margin:0 auto;
 padding:40px 30px;
 border-top:2px solid #eee;
}
.cta-section .cta-title{
 font-size:26px;
 font-weight:700;
 margin-bottom:15px;
 color:var(--dark-gray);
}
.cta-section .cta-text{
 font-size:15px;
 line-height:1.7;
 color:#666;
 max-width:700px;
 margin:0 auto 25px;
}
.cta-section .cta-button{
 display:inline-block;
 padding:14px 40px;
 background:#c44010;
 color:#fff;
 text-decoration:none;
 font-weight:700;
 font-size:16px;
 border-radius:30px;
 transition:all 0.3s ease;
}
.cta-section .cta-button:hover{
 background:#a83510;
 transform:translateY(-2px);
 box-shadow:0 4px 20px rgba(241,90,35,0.5);
 color:#fff;
}
@media (max-width:768px){
 .cta-section .cta-title{font-size:22px;}
 .cta-section .cta-text{font-size:14px;}
 .cta-section{padding:30px 15px 60px;}
 .cta-section > .container{padding:30px 15px;}
}

/* Pages before footer - gradient for overlay effect */
.contact-page,
.order-main{
 background:linear-gradient(to bottom,#fff 0%,#fff 80%,transparent 100%);
 position:relative;
 z-index:5;
 padding-bottom:60px;
}

.contact-page .container,
.order-main .container,
.order-main .order-wrapper{
 position:relative;
 z-index:10;
}

/* Footer - Compact version with background extending behind cards */
.footer-new{
 background:url('images/footer-bg.webp') no-repeat center top;
 background-size:cover;
 color:#333;
 margin-top:-300px;
 padding-top:320px;
 position:relative;
 z-index:1;
}

.footer-new::before{
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:200px;
 background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
 z-index:0;
 pointer-events:none;
}

.footer-divider{
 display:none;
}

.footer-main{
 padding:25px 20px 20px;
 position:relative;
 z-index:2;
}

/* Improve footer text contrast */
.footer-new,
.footer-new .contact-item,
.footer-new .footer-menu a{
 color:#1a1a2e;
}

.footer-new h5{
 color:#0d0d1a;
 font-weight:700;
}

.footer-new .hours-days{
 color:#444;
}

.footer-container{
 max-width:1400px;
 margin:0 auto;
 display:grid;
 grid-template-columns:180px 200px 1fr 220px;
 gap:30px;
 align-items:start;
}

/* Footer brand column */
.footer-brand{
 display:flex;
 flex-direction:column;
 gap:10px;
}

.footer-logo img{
 max-width:150px;
 height:auto;
}

.footer-social{
 display:flex;
 gap:10px;
}

.social-btn{
 width:34px;
 height:34px;
 border-radius:50%;
 background:rgba(26,26,46,0.9);
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 text-decoration:none;
 font-size:14px;
 transition:all 0.3s ease;
}

.social-btn:hover{
 background:var(--primary-orange);
 color:#fff;
}

/* Footer contact column */
.footer-contact .footer-heading{
 font-size:14px;
 font-weight:700;
 color:#1a1a2e;
 margin-bottom:8px;
}

.footer-hours{
 margin-bottom:8px;
}

.hours-time{
 font-size:15px;
 font-weight:700;
 color:#1a1a2e;
 display:block;
}

.hours-time sup{
 font-size:9px;
}

.hours-days{
 font-size:12px;
 color:#666;
}

.footer-contact-info{
 display:flex;
 flex-direction:column;
 gap:5px;
}

.contact-item{
 display:flex;
 align-items:center;
 gap:8px;
 color:#333;
 text-decoration:none;
 font-size:13px;
 white-space:nowrap;
}

.contact-item i{
 color:var(--primary-orange);
 font-size:14px;
 width:16px;
}

.contact-item:hover{
 color:var(--primary-orange);
}

/* Footer menus */
.footer-menus{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
}

.footer-menu .footer-heading{
 font-size:14px;
 font-weight:700;
 color:#1a1a2e;
 margin-bottom:8px;
}

.footer-menu ul{
 list-style:none;
 padding:0;
 margin:0;
}

.footer-menu li{
 margin-bottom:5px;
}

.footer-menu a{
 color:#555;
 text-decoration:none;
 font-size:13px;
 transition:color 0.3s ease;
}

.footer-menu a:hover{
 color:var(--primary-orange);
}

/* Emergency box */
.footer-emergency{
 display:flex;
 justify-content:flex-end;
}

.emergency-box{
 background:linear-gradient(135deg,#fff9f5 0%,#fff5ee 100%);
 border-radius:12px;
 padding:15px 18px;
 text-align:left;
 border-left:4px solid var(--primary-orange);
 box-shadow:0 4px 20px rgba(255,102,0,0.1);
 position:relative;
 overflow:hidden;
}

.emergency-box::before{
 content:'\f095';
 font-family:'Font Awesome 5 Free';
 font-weight:900;
 position:absolute;
 right:15px;
 top:15px;
 font-size:50px;
 color:rgba(255,102,0,0.08);
 transform:rotate(-15deg);
}

.emergency-box .footer-heading{
 font-size:12px;
 font-weight:600;
 color:#666;
 margin-bottom:5px;
 text-transform:uppercase;
 letter-spacing:1px;
}

.emergency-phone{
 font-size:24px;
 font-weight:800;
 color:var(--primary-orange);
 text-decoration:none;
 display:block;
 margin-bottom:10px;
 transition:all 0.3s ease;
}

.emergency-phone:hover{
 color:#e63900;
 transform:scale(1.02);
}

.emergency-info{
 font-size:12px;
 color:#555;
 line-height:1.5;
 margin:0;
}

.emergency-info strong{
 color:#333;
}

/* Footer bottom */
.footer-bottom{
 background:#fff;
 padding:10px 20px;
 display:flex;
 justify-content:center;
 gap:40px;
 font-size:12px;
 color:#666;
}

/* Old Footer - keep for backward compatibility */
.footer{
 background:#1a1a2e;
 color:var(--white);
 padding:40px 20px;
}

.footer .container{
 max-width:1600px;
 margin:0 auto;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:40px;
}

.footer h4{
 font-size:14px;
 margin-bottom:15px;
 color:var(--primary-orange);
}

.footer p,.footer a{
 font-size:13px;
 color:#ccc;
 line-height:1.8;
}

.footer a{
 text-decoration:none;
 display:block;
}

.footer a:hover{
 color:var(--primary-orange);
}

.footer .social-icons{
 display:flex;
 gap:10px;
 margin-top:15px;
}

.footer .social-icons img{
 width:32px;
 height:32px;
 opacity:0.8;
 transition:opacity 0.3s;
}

.footer .social-icons img:hover{
 opacity:1;
}

.footer .polski-kapital{
 margin-top:20px;
}

.footer .polski-kapital img{
 max-width:120px;
}

/* Responsive */
@media (max-width:1024px){
 .range-checker .form-row{
 grid-template-columns:1fr 1fr;
}

 .pricing-grid .pricing-card{
 width:45%;
}

 .footer .container{
 grid-template-columns:repeat(2,1fr);
}

 /* New footer responsive */
 .footer-container{
 grid-template-columns:1fr 1fr 1fr 1fr;
 gap:25px;
}

 .footer-brand{
 grid-column:1;
}

 .footer-contact{
 grid-column:2;
}

 .footer-menus{
 grid-column:3 / 5;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
}

 .footer-emergency{
 grid-column:1 / -1;
 justify-content:flex-start;
 margin-top:15px;
}
}

@media (max-width:1300px){
 .navbar .container{
 padding:0 15px;
}

 .navbar .logo img{
 height:60px;
}

 .navbar .nav-links{
 display:none;
}

 .navbar .nav-right{
 display:none;
}

 .hamburger{
 display:flex;
}

 .mobile-menu{
 display:flex;
}
}

@media (max-width:768px){
 .hero-banner .banner-content{
 flex-direction:column;
}

 .range-checker .form-row{
 grid-template-columns:1fr;
}

 .pricing-grid .pricing-card{
 width:100%;
 max-width:300px;
}

 .footer .container{
 grid-template-columns:1fr;
}

 /* New footer mobile */
 .footer-main{
 padding:25px 15px 20px;
}

 .footer-container{
 grid-template-columns:1fr 1fr;
 gap:20px;
 width:100%;
 box-sizing:border-box;
}

 .footer-brand{
 grid-column:1;
}

 .footer-contact{
 grid-column:2;
}

 .footer-menus{
 grid-column:1 / -1;
 grid-template-columns:1fr 1fr;
 gap:20px;
}

 .footer-menus .footer-menu:last-child{
 grid-column:1;
}

 .footer-emergency{
 grid-column:2;
 grid-row:3;
 margin-top:-60px;
}

 .footer-bottom{
 flex-direction:column;
 gap:10px;
 text-align:center;
 padding:15px;
}
}

@media (max-width:480px){
 .footer-container{
 grid-template-columns:1fr 1fr;
 gap:20px;
}
 .footer-brand{
 grid-column:1;
}
 .footer-brand .footer-social{
 justify-content:flex-start;
}
 .footer-contact{
 grid-column:2;
}
 .footer-menus{
 grid-column:1 / -1;
 grid-template-columns:1fr 1fr;
 gap:15px;
}
 .footer-menus .footer-menu:last-child{
 grid-column:1;
 grid-row:2;
}
 .footer-emergency{
 grid-column:2;
 grid-row:4;
 margin-top:-200px;
 align-self:start;
}
 .footer-menu .footer-heading{
 font-size:13px;
 margin-bottom:8px;
}
 .footer-menu li{
 margin-bottom:4px;
}
 .footer-menu a{
 font-size:12px;
}
}

/* Loader spinner */
.loader{
 display:none;
 width:40px;
 height:40px;
 border:4px solid #f3f3f3;
 border-top:4px solid var(--primary-orange);
 border-radius:50%;
 animation:spin 1s linear infinite;
 margin:20px auto;
}

@keyframes spin{
 0%{transform:rotate(0deg);}
 100%{transform:rotate(360deg);}
}

/* Map */
#RadioRange_map{
 width:100%;
 height:400px;
 margin-top:20px;
 border-radius:10px;
}

#RadioRange_content{
 display:none;
}

#RadioRange_content p{
 text-align:center;
 color:var(--primary-orange);
 margin:15px 0;
}

/* Channel List Link */
.channel-link-wrapper{
 flex-basis:100%;
 text-align:center;
 margin-top:5px;
}

.channel-link{
 font-size:11px;
 color:#c44010;
 text-decoration:none;
 font-weight:600;
 transition:all 0.2s ease;
 padding:3px 12px;
 border:1px solid #c44010;
 border-radius:12px;
 display:inline-block;
}

.channel-link:hover{
 background:#c44010;
 color:#fff;
}

/* Channel List Modal */
.channel-modal{
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.7);
 z-index:10000;
 justify-content:center;
 align-items:center;
 padding:20px;
 box-sizing:border-box;
}

.channel-modal-content{
 position:relative;
 width:100%;
 max-width:1000px;
 height:80vh;
 background:#fff;
 border-radius:12px;
 overflow:hidden;
 box-shadow:0 10px 40px rgba(0,0,0,0.3);
}

.channel-modal-close{
 position:absolute;
 top:10px;
 right:15px;
 width:36px;
 height:36px;
 background:var(--primary-orange);
 color:#fff;
 border:none;
 border-radius:50%;
 font-size:24px;
 line-height:1;
 cursor:pointer;
 z-index:10;
 transition:all 0.2s ease;
}

.channel-modal-close:hover{
 background:#d14a1a;
 transform:scale(1.1);
}

.channel-modal iframe{
 width:100%;
 height:100%;
 border:none;
}

@media (max-width:768px){
 .channel-modal-content{
 height:90vh;
 max-width:100%;
}

 .channel-link{
 display:block;
 margin:5px 0 0 0;
 text-align:center;
}
}

/* Subpage Content Styles */
.subpage-content{
 padding:40px 20px 60px;
 min-height:60vh;
 background:linear-gradient(to bottom,#fff 0%,#fff 70%,transparent 100%);
 position:relative;
 z-index:5;
}

.subpage-content .container{
 max-width:1200px;
 margin:0 auto;
 position:relative;
 z-index:10;
}

.subpage-content h1{
 color:#1a1a2e;
 font-size:32px;
 font-weight:700;
 margin-bottom:30px;
 padding-bottom:15px;
 border-bottom:3px solid var(--primary-orange);
}

.subpage-content .page-body{
 font-size:15px;
 line-height:1.7;
 color:#333;
}

.subpage-content .page-body h2{
 color:#1a1a2e;
 font-size:22px;
 margin:30px 0 15px;
}

.subpage-content .page-body h3{
 color:#1a1a2e;
 font-size:18px;
 margin:25px 0 12px;
}

.subpage-content .page-body p{
 margin-bottom:15px;
}

.subpage-content .page-body ul,
.subpage-content .page-body ol{
 margin:15px 0 15px 25px;
}

.subpage-content .page-body li{
 margin-bottom:8px;
}

.subpage-content .page-body a{
 color:var(--primary-orange);
 text-decoration:none;
}

.subpage-content .page-body a:hover{
 text-decoration:underline;
}

.subpage-content .page-body table{
 width:100%;
 border-collapse:collapse;
 margin:20px 0;
}

.subpage-content .page-body th,
.subpage-content .page-body td{
 padding:12px;
 text-align:left;
 border-bottom:1px solid #ddd;
}

.subpage-content .page-body th{
 background:#1a1a2e;
 color:#fff;
}

/* Responsive images in page content */
.subpage-content .page-body img,
.subpage-content img{
 max-width:100%;
 height:auto;
}

/* Blog post styles */
.blog-post-single{
 max-width:800px;
 margin:0 auto;
}

.blog-post-single .post-meta{
 color:#666;
 font-size:14px;
 margin-bottom:20px;
}

.blog-post-single .post-meta i{
 color:#F15A23;
 margin-right:5px;
}

.blog-post-single .post-featured-image{
 margin-bottom:30px;
 border-radius:10px;
 overflow:hidden;
}

.blog-post-single .post-featured-image img{
 width:100%;
 height:auto;
 display:block;
}

.blog-post-single .post-content{
 font-size:16px;
 line-height:1.8;
}

.blog-post-single .post-content img{
 max-width:100%;
 height:auto;
 border-radius:8px;
 margin:20px 0;
}

.blog-post-single .post-content h2{
 color:#1a1a2e;
 font-size:24px;
 margin:30px 0 15px;
}

.blog-post-single .post-content h3{
 color:#1a1a2e;
 font-size:20px;
 margin:25px 0 12px;
}

.blog-post-single .post-content ul,
.blog-post-single .post-content ol{
 margin:15px 0 15px 25px;
}

.blog-post-single .post-content li{
 margin-bottom:10px;
}

.blog-post-single .highlight-box{
 background:linear-gradient(135deg,#fff8f5 0%,#fff0eb 100%);
 border-left:4px solid #F15A23;
 padding:20px;
 margin:25px 0;
 border-radius:0 8px 8px 0;
}

.blog-post-single .highlight-box p{
 margin:0;
}

.blog-post-single .highlight-box p + p{
 margin-top:10px;
}

.blog-post-single .post-navigation{
 margin-top:40px;
 padding-top:20px;
 border-top:1px solid #eee;
}

.blog-post-single .back-to-blog{
 display:inline-flex;
 align-items:center;
 gap:8px;
 color:#F15A23;
 text-decoration:none;
 font-weight:600;
 transition:gap 0.3s;
}

.blog-post-single .back-to-blog:hover{
 gap:12px;
}

@media (max-width:768px){
 .subpage-content{
 padding:30px 15px 50px;
}

 .subpage-content h1{
 font-size:26px;
}

 .footer-new{
 margin-top:-150px;
 padding-top:170px;
}

 .footer-new::before{
 height:120px;
}

 /* Blog post mobile styles */
 .blog-post-single .post-content{
 font-size:15px;
}

 .blog-post-single .post-content h2{
 font-size:20px;
}

 .blog-post-single .post-content h3{
 font-size:18px;
}

 .blog-post-single .highlight-box{
 padding:15px;
}
}

/* Elementor Toggle Styles for subpages */
.elementor-toggle{
 text-align:left;
}

.elementor-toggle .elementor-tab-title{
 font-weight:700;
 line-height:1;
 margin:0;
 padding:15px;
 border-bottom:1px solid #d5d8dc;
 cursor:pointer;
 outline:none;
 background:#f9f9f9;
 display:flex;
 align-items:center;
}

.elementor-toggle .elementor-tab-title:hover{
 background:#f0f0f0;
}

.elementor-toggle .elementor-toggle-title{
 color:var(--primary-orange);
 text-decoration:none;
 font-size:16px;
}

.elementor-toggle .elementor-toggle-icon{
 display:inline-block;
 width:1em;
 margin-right:10px;
 color:var(--primary-orange);
}

.elementor-toggle .elementor-toggle-icon svg{
 width:1em;
 height:1em;
 fill:currentColor;
}

.elementor-toggle .elementor-toggle-icon .elementor-toggle-icon-closed{
 display:block;
}

.elementor-toggle .elementor-toggle-icon .elementor-toggle-icon-opened{
 display:none;
}

.elementor-toggle .elementor-tab-title.elementor-active{
 border-bottom:none;
 background:#fff;
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed{
 display:none;
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened{
 display:block;
}

.elementor-toggle .elementor-tab-content{
 padding:20px;
 border-bottom:1px solid #d5d8dc;
 display:none;
 background:#fff;
}

.elementor-toggle .elementor-tab-content.elementor-active{
 display:block;
}

.elementor-toggle .elementor-tab-content h5{
 color:var(--primary-orange);
 margin:15px 0 10px;
 font-size:14px;
}

.elementor-toggle .elementor-tab-content p,
.elementor-toggle .elementor-tab-content span{
 font-size:14px;
 line-height:1.6;
}

.elementor-toggle .elementor-tab-content ul{
 margin:10px 0 10px 20px;
}

.elementor-toggle .elementor-tab-content a{
 color:var(--primary-orange);
}

/* Elementor section spacing */
.elementor-section{
 margin-bottom:20px;
}

.elementor-widget-container{
 width:100%;
}

/* ================================
 SUBPAGE ELEGANT STYLES
 ================================ */

/* Page intro text */
.page-intro{
 font-size:16px;
 color:#666;
 margin-bottom:30px;
 padding:15px 20px;
 background:linear-gradient(135deg,#fff5f0 0%,#fff 100%);
 border-left:4px solid var(--primary-orange);
 border-radius:0 8px 8px 0;
}

/* Document Tabs */
.docs-tabs{
 background:#fff;
 border-radius:12px;
 box-shadow:0 4px 20px rgba(0,0,0,0.08);
 overflow:hidden;
 margin-top:20px;
}

.tabs-nav{
 display:flex;
 flex-wrap:wrap;
 background:#f8f9fa;
 padding:8px;
 gap:8px;
 border-radius:12px;
 border:1px solid #e9ecef;
 scroll-margin-top:100px;
}

.tab-btn{
 flex:1;
 min-width:150px;
 padding:14px 20px;
 background:transparent;
 border:none;
 color:#666;
 font-size:14px;
 font-weight:600;
 cursor:pointer;
 transition:all 0.3s ease;
 position:relative;
 border-radius:8px;
}

.tab-btn:hover{
 color:var(--primary-orange);
 background:rgba(255,102,0,0.08);
}

.tab-btn.active{
 color:#fff;
 background:linear-gradient(135deg,#c44010 0%,#a83510 100%);
 box-shadow:0 4px 15px rgba(255,102,0,0.3);
}

.tab-btn.active::after{
 display:none;
}

.tabs-content{
 padding:30px;
}

.tab-panel{
 display:none;
}

.tab-panel.active{
 display:block;
 animation:fadeIn 0.3s ease;
}

@keyframes fadeIn{
 from{opacity:0;transform:translateY(10px);}
 to{opacity:1;transform:translateY(0);}
}

.tab-panel h3{
 color:var(--primary-orange);
 font-size:18px;
 margin:25px 0 15px;
 padding-bottom:10px;
 border-bottom:2px solid #f0f0f0;
}

.tab-panel h3:first-child{
 margin-top:0;
}

/* Document list */
.doc-list{
 list-style:none;
 padding:0;
 margin:0;
}

.doc-list li{
 margin:8px 0;
}

.doc-list a{
 display:flex;
 align-items:center;
 padding:12px 16px;
 background:#f9f9f9;
 border-radius:8px;
 color:#333;
 text-decoration:none;
 transition:all 0.2s ease;
 border:1px solid transparent;
}

.doc-list a:hover{
 background:#fff5f0;
 border-color:var(--primary-orange);
 color:var(--primary-orange);
 transform:translateX(5px);
}

.doc-list a i{
 color:#e74c3c;
 margin-right:12px;
 font-size:18px;
}

/* FAQ Accordion elegant styles */
.faq-section{
 margin-top:20px;
}

.faq-item{
 background:#fff;
 border-radius:10px;
 margin-bottom:12px;
 box-shadow:0 2px 10px rgba(0,0,0,0.05);
 overflow:hidden;
 border:1px solid #eee;
}

.faq-question{
 padding:18px 20px;
 cursor:pointer;
 display:flex;
 justify-content:space-between;
 align-items:center;
 font-weight:600;
 color:#333;
 transition:all 0.3s ease;
}

.faq-question:hover{
 background:#f9f9f9;
 color:var(--primary-orange);
}

.faq-question.active{
 background:#c44010;
 color:#fff;
}

.faq-question i{
 transition:transform 0.3s ease;
}

.faq-question.active i{
 transform:rotate(180deg);
}

.faq-answer{
 padding:0 20px;
 max-height:0;
 overflow:hidden;
 transition:all 0.3s ease;
}

.faq-answer.active{
 padding:20px;
 max-height:2000px;
}

/* Contact page elegant styles */
.contact-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
 gap:25px;
 margin-bottom:30px;
}

.contact-card{
 background:#fff;
 border-radius:12px;
 padding:25px;
 box-shadow:0 4px 15px rgba(0,0,0,0.08);
 border-top:4px solid var(--primary-orange);
}

.contact-card h3{
 color:var(--primary-orange);
 font-size:18px;
 margin-bottom:15px;
 display:flex;
 align-items:center;
 gap:10px;
}

.contact-card p{
 margin:8px 0;
 color:#555;
}

.contact-card a{
 color:var(--primary-orange);
 text-decoration:none;
}

.contact-card a:hover{
 text-decoration:underline;
}

/* Info sections */
.info-box{
 background:linear-gradient(135deg,#fff5f0 0%,#fff 100%);
 border-radius:12px;
 padding:25px;
 margin:20px 0;
 border-left:4px solid var(--primary-orange);
}

.info-box h4{
 color:var(--primary-orange);
 margin-bottom:10px;
}

/* Responsive for tabs */
@media (max-width:768px){
 .tabs-nav{
 flex-direction:column;
}

 .tab-btn{
 min-width:100%;
 text-align:left;
 padding:15px 20px;
}

 .tabs-content{
 padding:20px 15px;
}

 .doc-list a{
 padding:10px 12px;
 font-size:14px;
}
}

/* =========================================
 ENHANCED SUBPAGE STYLES
 ========================================= */

/* FAQ Container with icons */
.faq-container{
 max-width:900px;
 margin:30px auto;
}

.faq-item{
 background:#fff;
 border-radius:12px;
 margin-bottom:15px;
 box-shadow:0 2px 15px rgba(0,0,0,0.06);
 overflow:hidden;
 border:1px solid #eee;
 transition:box-shadow 0.3s ease;
}

.faq-item:hover{
 box-shadow:0 5px 25px rgba(0,0,0,0.1);
}

.faq-question{
 padding:20px 25px;
 cursor:pointer;
 display:flex;
 align-items:center;
 gap:15px;
 font-weight:600;
 font-size:16px;
 color:#333;
 transition:all 0.3s ease;
 background:#fff;
}

.faq-question > i:first-child{
 color:var(--primary-orange);
 font-size:20px;
 width:24px;
 text-align:center;
}

.faq-question span{
 flex:1;
}

.faq-question .faq-arrow{
 color:#999;
 font-size:14px;
 transition:transform 0.3s ease;
}

.faq-question:hover{
 background:#fafafa;
}

.faq-question.active{
 background:linear-gradient(135deg,#c44010 0%,#a83510 100%);
 color:#fff;
}

.faq-question.active > i:first-child{
 color:#fff;
}

.faq-question.active .faq-arrow{
 color:#fff;
 transform:rotate(180deg);
}

.faq-answer{
 padding:0 25px;
 max-height:0;
 overflow:hidden;
 transition:all 0.4s ease;
 background:#fafafa;
}

.faq-answer.active{
 padding:25px;
 max-height:3000px;
}

.faq-answer p{
 margin-bottom:12px;
 line-height:1.7;
}

.faq-answer ul{
 margin:15px 0;
 padding-left:20px;
}

.faq-answer ul li{
 margin:10px 0;
 line-height:1.6;
}

.faq-answer ul li i{
 color:var(--primary-orange);
 margin-right:10px;
 width:20px;
}

/* Info sections inside FAQ */
.info-section{
 background:#fff;
 border-radius:10px;
 padding:20px;
 margin-bottom:15px;
 border-left:3px solid var(--primary-orange);
}

.info-section h4{
 color:var(--primary-orange);
 font-size:15px;
 margin-bottom:12px;
 display:flex;
 align-items:center;
 gap:10px;
}

.info-section h4 i{
 font-size:16px;
}

/* Enhanced Contact Grid */
.contact-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
 gap:25px;
 margin:30px 0;
}

.contact-card{
 background:#fff;
 border-radius:16px;
 overflow:hidden;
 box-shadow:0 4px 20px rgba(0,0,0,0.08);
 transition:transform 0.3s ease,box-shadow 0.3s ease;
}

.contact-card:hover{
 transform:translateY(-5px);
 box-shadow:0 8px 30px rgba(0,0,0,0.12);
}

.contact-card.highlight{
 border:2px solid var(--primary-orange);
}

.contact-card-header{
 background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);
 color:#fff;
 padding:20px 25px;
 display:flex;
 align-items:center;
 gap:15px;
}

.contact-card-header i{
 font-size:28px;
 color:var(--primary-orange);
}

.contact-card-header h3{
 margin:0;
 font-size:18px;
 color:#fff;
}

.contact-card-body{
 padding:25px;
}

.contact-info-item{
 display:flex;
 align-items:flex-start;
 gap:15px;
 padding:12px 0;
 border-bottom:1px solid #f0f0f0;
}

.contact-info-item:last-child{
 border-bottom:none;
}

.contact-info-item > i{
 color:var(--primary-orange);
 font-size:18px;
 width:22px;
 text-align:center;
 margin-top:3px;
}

.contact-info-item a{
 color:var(--primary-orange);
 text-decoration:none;
 transition:color 0.2s;
}

.contact-info-item a:hover{
 color:#e04a10;
 text-decoration:underline;
}

.phone-number{
 color:#c00;
 font-size:18px;
}

/* Map Section */
.map-section{
 margin:40px 0;
}

.map-section h3{
 color:#333;
 font-size:20px;
 margin-bottom:20px;
 display:flex;
 align-items:center;
 gap:12px;
}

.map-section h3 i{
 color:var(--primary-orange);
}

.map-container{
 border-radius:16px;
 overflow:hidden;
 box-shadow:0 4px 20px rgba(0,0,0,0.1);
}

/* CTA Section (subpage) */
.contact-page .cta-section{
 margin:40px 0;
}

.cta-box{
 background:linear-gradient(135deg,#c44010 0%,#a83510 100%);
 border-radius:16px;
 padding:30px 40px;
 display:flex;
 align-items:center;
 gap:25px;
 color:#fff;
}

.cta-box > i{
 font-size:48px;
 opacity:0.9;
}

.cta-box > div{
 flex:1;
}

.cta-box h4{
 font-size:20px;
 margin-bottom:5px;
}

.cta-box p{
 opacity:0.9;
 margin:0;
}

.cta-box .cta-button{
 background:#fff;
 color:#c44010;
 padding:15px 30px;
 border-radius:50px;
 text-decoration:none;
 font-weight:700;
 font-size:18px;
 display:inline-flex;
 align-items:center;
 gap:10px;
 transition:all 0.3s ease;
 white-space:nowrap;
}

.cta-box .cta-button:hover{
 transform:scale(1.05);
 box-shadow:0 5px 20px rgba(0,0,0,0.2);
}

/* Legal Content Pages */
.legal-content{
 max-width:900px;
 margin:30px auto;
}

.legal-section{
 background:#fff;
 border-radius:12px;
 padding:30px;
 margin-bottom:25px;
 box-shadow:0 2px 15px rgba(0,0,0,0.05);
}

.legal-section h3{
 color:#333;
 font-size:18px;
 margin-bottom:20px;
 padding-bottom:15px;
 border-bottom:2px solid #f0f0f0;
 display:flex;
 align-items:center;
 gap:12px;
}

.legal-section h3 i{
 color:var(--primary-orange);
 font-size:20px;
}

.legal-section p{
 margin-bottom:15px;
 line-height:1.8;
 color:#555;
}

.legal-section ul,.legal-section ol{
 margin:15px 0;
 padding-left:25px;
}

.legal-section li{
 margin:10px 0;
 line-height:1.7;
 color:#555;
}

/* Feature boxes */
.feature-box{
 background:#f8f9fa;
 border-radius:10px;
 padding:25px;
 margin:20px 0;
 border-left:4px solid var(--primary-orange);
}

.feature-box h4{
 color:#333;
 font-size:16px;
 margin-bottom:15px;
 display:flex;
 align-items:center;
 gap:10px;
}

.feature-box h4 i{
 color:var(--primary-orange);
}

.feature-box ul{
 margin:10px 0;
 padding-left:20px;
}

/* Highlight boxes */
.highlight-box{
 background:linear-gradient(135deg,#fff5f0 0%,#fff 100%);
 border-radius:10px;
 padding:20px;
 margin:20px 0;
 border-left:4px solid var(--primary-orange);
}

.highlight-box p{
 margin:5px 0;
}

.highlight-box.success{
 background:linear-gradient(135deg,#f0fff4 0%,#fff 100%);
 border-left-color:#28a745;
 display:flex;
 align-items:center;
 gap:15px;
}

.highlight-box.success i{
 color:#28a745;
 font-size:24px;
}

.highlight-box.info{
 background:linear-gradient(135deg,#f0f8ff 0%,#fff 100%);
 border-left-color:#17a2b8;
 display:flex;
 align-items:flex-start;
 gap:15px;
}

.highlight-box.info > i{
 color:#17a2b8;
 font-size:24px;
 margin-top:5px;
}

.highlight-box.info h4{
 color:#17a2b8;
 margin-bottom:10px;
}

/* Tip box */
.tip-box{
 background:linear-gradient(135deg,#fff9e6 0%,#fff 100%);
 border-radius:10px;
 padding:20px;
 margin:20px 0;
 border-left:4px solid #ffc107;
 display:flex;
 align-items:center;
 gap:15px;
}

.tip-box i{
 color:#ffc107;
 font-size:24px;
}

.tip-box p{
 margin:0;
 flex:1;
}

/* Warning box */
.warning-box{
 background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);
 border-radius:10px;
 padding:20px;
 margin:20px 0;
 border-left:4px solid #dc3545;
 display:flex;
 align-items:center;
 gap:15px;
}

.warning-box i{
 color:#dc3545;
 font-size:24px;
}

.warning-box p{
 margin:0;
 flex:1;
}

/* Info table */
.info-table{
 width:100%;
 border-collapse:collapse;
 margin:20px 0;
 background:#fff;
 border-radius:10px;
 overflow:hidden;
 box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.info-table thead{
 background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);
 color:#fff;
}

.info-table th{
 padding:15px 20px;
 text-align:left;
 font-weight:600;
}

.info-table td{
 padding:15px 20px;
 border-bottom:1px solid #f0f0f0;
}

.info-table tbody tr:last-child td{
 border-bottom:none;
}

.info-table tbody tr:hover{
 background:#fafafa;
}

/* Contact box inline */
.contact-box-inline{
 background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);
 border-radius:12px;
 padding:25px 30px;
 margin:30px 0;
 color:#fff;
}

.contact-box-inline h4{
 color:var(--primary-orange);
 margin-bottom:15px;
 display:flex;
 align-items:center;
 gap:10px;
}

.contact-box-inline p{
 margin:0;
 line-height:1.8;
}

.contact-box-inline a{
 color:var(--primary-orange);
}

/* Responsive adjustments */
@media (max-width:768px){
 .faq-question{
 padding:15px 18px;
 font-size:15px;
}

 .faq-answer.active{
 padding:20px 18px;
}

 .contact-grid{
 grid-template-columns:1fr;
}

 .cta-box{
 flex-direction:column;
 text-align:center;
 padding:25px;
}

 .cta-box > i{
 font-size:36px;
}

 .legal-section{
 padding:20px;
}

 .info-table{
 font-size:14px;
}

 .info-table th,.info-table td{
 padding:12px 15px;
}
}

/* ============================================
 ABOUT / FIRMA PAGE STYLES
 ============================================ */

.about-section{
 margin-bottom:40px;
}

.about-card{
 background:white;
 border-radius:16px;
 padding:35px;
 display:flex;
 gap:30px;
 align-items:flex-start;
 box-shadow:0 4px 20px rgba(0,0,0,0.08);
}

.about-card.highlight{
 border-left:5px solid var(--primary-orange);
}

.about-icon{
 background:linear-gradient(135deg,var(--primary-orange),#ff8f5c);
 color:white;
 width:80px;
 height:80px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
}

.about-icon i{
 font-size:32px;
}

.about-content h3{
 color:var(--primary-orange);
 font-size:24px;
 margin-bottom:15px;
}

.about-content p{
 margin-bottom:12px;
 line-height:1.8;
}

.features-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:25px;
 margin:40px 0;
}

.feature-card{
 background:white;
 border-radius:16px;
 padding:30px;
 text-align:center;
 box-shadow:0 4px 15px rgba(0,0,0,0.06);
 transition:transform 0.3s ease,box-shadow 0.3s ease;
}

.feature-card:hover{
 transform:translateY(-5px);
 box-shadow:0 8px 25px rgba(0,0,0,0.12);
}

.feature-icon{
 width:70px;
 height:70px;
 background:linear-gradient(135deg,#f5f5f5,#e8e8e8);
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0 auto 20px;
}

.feature-icon i{
 font-size:28px;
 color:var(--primary-orange);
}

.feature-card h4{
 color:var(--dark-gray);
 font-size:18px;
 margin-bottom:12px;
}

.feature-card p{
 color:#666;
 font-size:14px;
 line-height:1.7;
}

.philosophy-section{
 margin:50px 0;
}

.philosophy-card{
 background:linear-gradient(135deg,var(--primary-orange),#ff7a3d);
 color:white;
 border-radius:20px;
 padding:50px;
 text-align:center;
 position:relative;
}

.philosophy-card i.fa-quote-left{
 font-size:40px;
 opacity:0.3;
 position:absolute;
 top:30px;
 left:40px;
}

.philosophy-card blockquote{
 font-size:24px;
 font-style:italic;
 font-weight:300;
 margin:20px 0;
 line-height:1.6;
}

.philosophy-author{
 font-size:16px;
 opacity:0.9;
}

.partnership-section{
 background:white;
 border-radius:16px;
 padding:35px;
 text-align:center;
 box-shadow:0 4px 15px rgba(0,0,0,0.06);
}

.partnership-section h3{
 color:var(--dark-gray);
 font-size:22px;
 margin-bottom:15px;
}

.partnership-section h3 i{
 color:var(--primary-orange);
 margin-right:10px;
}

.partner-badge{
 margin-top:25px;
}

.social-links-large{
 display:flex;
 flex-direction:column;
 gap:15px;
}

.social-link{
 display:flex;
 align-items:center;
 gap:12px;
 padding:15px 20px;
 border-radius:10px;
 color:white;
 text-decoration:none;
 font-weight:600;
 transition:transform 0.2s ease;
}

.social-link:hover{
 transform:translateX(5px);
}

.social-link.facebook{
 background:#1877f2;
}

.social-link.youtube{
 background:#ff0000;
}

.social-link.linkedin{
 background:#0077b5;
}

.social-link i{
 font-size:20px;
}

/* ============================================
 BLOG PAGE STYLES
 ============================================ */

.blog-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:30px;
 margin-top:30px;
}

.blog-card{
 background:white;
 border-radius:16px;
 overflow:hidden;
 box-shadow:0 4px 15px rgba(0,0,0,0.06);
 transition:transform 0.3s ease,box-shadow 0.3s ease;
 display:flex;
 flex-direction:column;
}

.blog-card:hover{
 transform:translateY(-5px);
 box-shadow:0 8px 30px rgba(0,0,0,0.12);
}

.blog-card.featured{
 grid-column:span 2;
}

.blog-card-image{
 background:linear-gradient(135deg,#f8f8f8,#eee);
 padding:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:150px;
}

.blog-card-image i{
 color:var(--primary-orange);
 opacity:0.6;
}

.blog-card-content{
 padding:25px;
 flex:1;
 display:flex;
 flex-direction:column;
}

.blog-meta{
 display:flex;
 gap:20px;
 margin-bottom:12px;
 font-size:13px;
 color:#888;
}

.blog-meta i{
 margin-right:5px;
 color:var(--primary-orange);
}

.blog-card h3{
 color:var(--dark-gray);
 font-size:18px;
 margin-bottom:12px;
 line-height:1.4;
}

.blog-card.featured h3{
 font-size:22px;
}

.blog-card p{
 color:#666;
 font-size:14px;
 line-height:1.7;
 margin-bottom:15px;
}

.blog-highlights{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin:15px 0;
}

.blog-highlights span{
 background:#f0f7ff;
 color:var(--primary-blue);
 padding:6px 12px;
 border-radius:20px;
 font-size:12px;
}

.blog-highlights span i{
 color:#28a745;
 margin-right:5px;
}

.blog-note{
 background:#fff5f0;
 border-left:3px solid var(--primary-orange);
 padding:12px 15px;
 border-radius:0 8px 8px 0;
 font-size:13px;
 margin-top:auto;
}

.blog-read-more{
 display:inline-flex;
 align-items:center;
 gap:8px;
 color:var(--primary-orange);
 font-weight:600;
 text-decoration:none;
 margin-top:auto;
 padding-top:10px;
}

.blog-read-more:hover{
 text-decoration:underline;
}

.blog-read-more i{
 transition:transform 0.2s ease;
}

.blog-read-more:hover i{
 transform:translateX(5px);
}

/* Blog List Style */
.blog-list{
 display:flex;
 flex-direction:column;
 gap:25px;
}

.blog-post{
 background:white;
 border-radius:12px;
 padding:25px;
 box-shadow:0 2px 10px rgba(0,0,0,0.06);
 display:flex;
 gap:25px;
}

.blog-post.with-image{
 flex-wrap:wrap;
}

.blog-post-image{
 width:100%;
 max-width:300px;
 flex-shrink:0;
}

.blog-post-image img{
 width:100%;
 height:auto;
 border-radius:8px;
}

.blog-post-date{
 background:#c44010;
 color:white;
 padding:15px;
 border-radius:8px;
 text-align:center;
 min-width:80px;
 flex-shrink:0;
}

.blog-post-date .day{
 display:block;
 font-size:28px;
 font-weight:700;
 line-height:1;
}

.blog-post-date .month{
 display:block;
 font-size:11px;
 text-transform:uppercase;
 margin-top:5px;
}

.blog-post-content{
 flex:1;
}

.blog-post-content h3{
 color:var(--dark-gray);
 font-size:20px;
 margin-bottom:12px;
}

.blog-post-content h4{
 color:var(--primary-orange);
 font-size:16px;
 margin:18px 0 10px;
}

.blog-post-content p{
 color:#555;
 line-height:1.7;
 margin-bottom:10px;
}

.blog-post-content ul,.blog-post-content ol{
 margin:10px 0 15px 20px;
 color:#555;
}

.blog-post-content li{
 margin-bottom:6px;
 line-height:1.6;
}

.blog-link{
 display:inline-block;
 color:var(--primary-orange);
 font-weight:600;
 text-decoration:none;
 margin-top:10px;
}

.blog-link:hover{
 text-decoration:underline;
}

.blog-highlight{
 background:#fff5f0;
 border-left:4px solid var(--primary-orange);
 padding:12px 15px;
 margin-top:15px;
 border-radius:0 8px 8px 0;
}

.about-content-section{
 background:white;
 border-radius:12px;
 padding:30px;
 margin-bottom:30px;
 box-shadow:0 2px 10px rgba(0,0,0,0.06);
}

.about-content-section p{
 margin-bottom:15px;
 line-height:1.8;
}

/* Blog Responsive */
@media (max-width:1024px){
 .blog-grid{
 grid-template-columns:repeat(2,1fr);
}

 .blog-card.featured{
 grid-column:span 2;
}

 .features-grid{
 grid-template-columns:repeat(2,1fr);
}
}

@media (max-width:768px){
 .blog-grid{
 grid-template-columns:1fr;
}

 .blog-card.featured{
 grid-column:span 1;
}

 .features-grid{
 grid-template-columns:1fr;
}

 .about-card{
 flex-direction:column;
 text-align:center;
}

 .philosophy-card{
 padding:30px;
}

 .philosophy-card blockquote{
 font-size:18px;
}

 .social-links-large{
 flex-direction:column;
}
}


/* --- About Us Page Styling (Modern Clean) --- */

.about-wrapper{
 font-family:'Open Sans',sans-serif;
 color:#444;
 line-height:1.7;
}

/* Hero Section */
.about-hero{
 background-color:#fff;
 padding:80px 20px;
 text-align:center;
 border-radius:12px;
 margin-bottom:50px;
 position:relative;
 overflow:hidden;
 box-shadow:0 10px 40px rgba(0,0,0,0.03);
}

/* Tło abstrakcyjne CSS */
.about-hero::before{
 content:'';
 position:absolute;
 top:0;left:0;right:0;bottom:0;
 background-image:radial-gradient(#D94400 1px,transparent 1px),radial-gradient(#D94400 1px,transparent 1px);
 background-size:40px 40px;
 background-position:0 0,20px 20px;
 opacity:0.05;
}

.about-hero h2{
 font-size:3rem;
 font-weight:800;
 color:#222;
 margin-bottom:20px;
 position:relative;
 z-index:1;
}

.about-hero h2 span{
 color:#D94400;
}

.about-hero p{
 font-size:1.25rem;
 color:#666;
 max-width:700px;
 margin:0 auto;
 position:relative;
 z-index:1;
}

/* Stats Section */
.about-stats{
 display:flex;
 justify-content:center;
 gap:60px;
 margin-bottom:60px;
 flex-wrap:wrap;
}

.stat-item{
 text-align:center;
}

.stat-number{
 display:block;
 font-size:3.5rem;
 font-weight:800;
 color:#D94400;
 line-height:1;
 margin-bottom:10px;
}

.stat-label{
 font-size:1rem;
 color:#888;
 text-transform:uppercase;
 letter-spacing:1px;
 font-weight:600;
}

/* Values Grid */
.values-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
 gap:30px;
 margin-bottom:60px;
}

.value-card{
 background:#fff;
 padding:40px;
 border-radius:8px;
 border:1px solid #f0f0f0;
 transition:transform 0.3s ease,box-shadow 0.3s ease;
 text-align:left;
}

.value-card:hover{
 transform:translateY(-10px);
 box-shadow:0 15px 30px rgba(0,0,0,0.08);
 border-color:#D94400;
}

.value-icon{
 width:60px;
 height:60px;
 background:#fff5f0;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#D94400;
 font-size:1.5rem;
 margin-bottom:25px;
}

.value-card h3{
 font-size:1.4rem;
 margin-bottom:15px;
 color:#222;
}

.value-card p{
 color:#666;
 margin:0;
}

/* Story Section */
.about-story{
 display:flex;
 align-items:center;
 gap:50px;
 background:#f9f9f9;
 padding:50px;
 border-radius:12px;
}

.story-content{
 flex:1;
}

.story-content h3{
 font-size:1.8rem;
 margin-bottom:20px;
 color:#222;
}

.story-image{
 flex:1;
 min-height:300px;
 background:url('/bl-themes/tygrys/images/hero-tiger.png') no-repeat center center;/* Fallback image */
 background-size:contain;/* Tiger logo */
 border-radius:12px;
 opacity:0.8;
}

/* CTA */
.about-cta{
 text-align:center;
 padding:60px 20px;
}

.btn-primary-outline{
 display:inline-block;
 padding:12px 35px;
 border:2px solid #D94400;
 color:#D94400;
 font-weight:700;
 text-decoration:none;
 border-radius:30px;
 transition:all 0.3s;
 margin-top:20px;
}

.btn-primary-outline:hover{
 background:#D94400;
 color:#fff;
 transform:scale(1.05);
}

@media (max-width:768px){
 .about-story{
 flex-direction:column;
 text-align:center;
}
 .about-hero h2{
 font-size:2rem;
}
 .story-image{
 width:100%;
 height:200px;
 background-size:contain;
}
}