#et-cennik{--ink: #15181b; --dark: #0a0b0d; --lime: #ccff00; --green: #0c8550; --muted: #646b73; --line: #e2e6e5; --soft: #eef5f1; --bg: #f4f5f6; --mono: Mono,monospace;}
#et-cennik *{box-sizing: border-box;}
#et-cennik{scroll-behavior: smooth; scroll-padding-top: 20px;}
#et-cennik{margin: 0px; background: var(--bg); color: var(--ink); font: 14px / 1.6 Manrope, Arial, sans-serif; -webkit-font-smoothing: antialiased;}
#et-cennik button,#et-cennik input,#et-cennik select{font: inherit;}
#et-cennik button,#et-cennik a,#et-cennik select{-webkit-tap-highlight-color: transparent;}
#et-cennik button,#et-cennik a{touch-action: manipulation;}
#et-cennik button{cursor: pointer;}
#et-cennik button:focus-visible,#et-cennik a:focus-visible,#et-cennik select:focus-visible,#et-cennik summary:focus-visible{outline: rgb(12, 133, 80) solid 3px; outline-offset: 4px;}
#et-cennik button{color: inherit;}
#et-cennik a{color: inherit; text-decoration: none;}
#et-cennik h1,#et-cennik h2,#et-cennik h3,#et-cennik p{margin: 0px;}
#et-cennik h1,#et-cennik h2,#et-cennik h3{line-height: 1.15; letter-spacing: -0.04em;}
#et-cennik h2{font-size: 26px;}
#et-cennik h3{font-size: 24px;}
#et-cennik svg{display: block; flex: 0 0 auto;}
#et-cennik button{border: 0px;}
#et-cennik ::selection{color: var(--dark); background: var(--lime);}
#et-cennik .wrap{width: min(1180px, 100% - 64px); margin: auto;}
#et-cennik .review{background: rgb(233, 237, 235); border-bottom: 1px solid rgb(214, 221, 217);}
#et-cennik .review-inner{display: flex; align-items: center; justify-content: space-between; min-height: 40px; gap: 20px; font: 10px var(--mono); letter-spacing: 0.07em;}
#et-cennik .review-note{color: var(--muted);}
#et-cennik .variants{display: flex; gap: 4px; padding: 4px;}
#et-cennik .variants button{background: transparent; padding: 5px 16px; border-radius: 5px; font: 700 11px Manrope; min-height: 30px;}
#et-cennik .variants button[aria-pressed="true"]{background: var(--ink); color: white;}
#et-cennik .nav{height: 76px; display: flex; justify-content: space-between; align-items: center; gap: 28px;}
#et-cennik header{background: rgb(255, 255, 255); border-bottom: 1px solid var(--line);}
#et-cennik .logo{display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 800; white-space: nowrap;}
#et-cennik .nav nav{display: flex; gap: 25px; font-size: 13px; font-weight: 600; color: var(--muted);}
#et-cennik .nav nav a:hover,#et-cennik .nav nav a[aria-current]{color: var(--green);}
#et-cennik .nav-actions{display: flex; align-items: center; gap: 22px;}
#et-cennik .account{font-size: 13px; font-weight: 600;}
#et-cennik .button{background: var(--green); color: rgb(255, 255, 255); border: 0px; border-radius: 8px; padding: 15px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; font-weight: 750; transition: background 0.18s; min-height: 48px;}
#et-cennik .button:hover{background: rgb(9, 103, 61);}
#et-cennik .button.small{font-size: 12px; padding: 12px 18px;}
#et-cennik .hero{background: var(--dark); color: rgb(243, 245, 241); position: relative; border-bottom: 3px solid var(--lime); overflow: hidden;}
#et-cennik .hero::before{content: ""; position: absolute; inset: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 36px 36px; pointer-events: none;}
#et-cennik .hero-inner{position: relative; display: grid; grid-template-columns: 1.12fr 1fr; gap: 55px; align-items: center; padding: 44px 0px 42px;}
#et-cennik .eyebrow{font: 10px/1.5 var(--mono); letter-spacing: 0.15em; color: var(--lime); display: flex; align-items: center; gap: 12px;}
#et-cennik .hero h1{font-size: 58px; margin: 14px 0px 15px; line-height: 1.02; font-weight: 800;}
#et-cennik .hero h1 span{color: var(--lime);}
#et-cennik .hero p{font-size: 14px; color: rgb(182, 191, 187); line-height: 1.7;}
#et-cennik .hero-facts{display: flex; gap: 22px; margin-top: 25px; font-size: 10px; color: rgb(198, 205, 201);}
#et-cennik .hero-facts span{display: flex; gap: 7px; align-items: center;}
#et-cennik .hero-facts i{width: 6px; height: 6px; border-radius: 50%; background: var(--lime);}
#et-cennik .hero-visual{position: relative; border: 1px solid rgba(255, 255, 255, 0.125); border-radius: 10px; overflow: hidden; margin-top: 2px;}
#et-cennik .hero-visual img{display: block; width: 100%; height: 220px; object-fit: cover; object-position: center center;}
#et-cennik .photo-caption{display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background: rgb(20, 23, 25);}
#et-cennik .photo-caption > span{font: 9px var(--mono); letter-spacing: 0.12em; color: rgb(167, 176, 171);}
#et-cennik .photo-caption b{font: 18px var(--mono); letter-spacing: 0.08em; color: rgb(255, 255, 255);}
#et-cennik .photo-caption b span{color: var(--lime); margin: 0px 12px;}
#et-cennik .pricing{padding-top: 31px; padding-bottom: 32px;}
#et-cennik .section-intro{display: flex; justify-content: space-between; align-items: center; margin-bottom: 17px;}
#et-cennik .dark{color: var(--muted);}
#et-cennik .step{display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; background: var(--ink); color: var(--lime); border-radius: 4px; font-size: 10px;}
#et-cennik .intro-note{color: var(--muted); font-size: 11px;}
#et-cennik .categories{display: grid; grid-template-columns: repeat(6, 1fr); gap: 0px; border: 1px solid var(--line); border-radius: 10px; background: white; overflow: hidden; margin-bottom: 27px;}
#et-cennik .category{position: relative; display: flex; gap: 12px; align-items: center; padding: 19px 16px; min-height: 78px; background: rgb(255, 255, 255); text-align: left; border-right: 1px solid var(--line); transition: background 0.18s;}
#et-cennik .category:last-child{border: 0px;}
#et-cennik .category svg{width: 24px; height: 24px; stroke: var(--green);}
#et-cennik .category b{display: block; font-size: 12px; line-height: 1.35; font-weight: 800;}
#et-cennik .category small{display: block; margin-top: 4px; color: var(--muted); font-size: 10px;}
#et-cennik .category[aria-pressed="true"]{background: var(--dark); color: rgb(255, 255, 255);}
#et-cennik .category[aria-pressed="true"] svg{stroke: var(--lime);}
#et-cennik .category[aria-pressed="true"] small{color: rgb(180, 189, 184);}
#et-cennik .category[aria-pressed="true"]::after{content: ""; position: absolute; height: 3px; background: var(--lime); bottom: 0px; left: 0px; right: 0px;}
#et-cennik .category:hover:not([aria-pressed="true"]){background: rgb(238, 245, 241);}
#et-cennik .workspace{background: white; border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
#et-cennik .workspace-top{padding: 26px 28px 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
#et-cennik .workspace-top p{font-size: 12px; color: var(--muted); margin-top: 8px;}
#et-cennik .currency{display: flex; background: var(--bg); padding: 4px; border-radius: 7px; border: 1px solid var(--line); flex: 0 0 auto;}
#et-cennik .currency button{padding: 7px 14px; background: transparent; font-size: 11px; border-radius: 4px; min-height: 32px; font-weight: 700;}
#et-cennik .currency button[aria-pressed="true"]{background: var(--ink); color: rgb(255, 255, 255);}
#et-cennik .filters{padding: 0px 28px 24px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 30px; border-bottom: 1px solid var(--line);}
#et-cennik .field-label{font-size: 10px; color: var(--muted); font-weight: 700; display: block; margin-bottom: 8px;}
#et-cennik .types{display: flex; gap: 8px;}
#et-cennik .types button{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 6px; padding: 11px 16px; text-align: left; min-height: 48px; font-size: 12px; flex: 1 1 0%; white-space: nowrap;}
#et-cennik .types button span{font-size: 10px; margin-left: 5px; color: var(--muted);}
#et-cennik .types button[aria-pressed="true"]{border-color: var(--green); background: var(--soft); box-shadow: inset 0 0 0 1px var(--green); font-weight: 800; color: rgb(9, 95, 57);}
#et-cennik .zone-field select{width: 100%; border: 1px solid var(--line); border-radius: 6px; padding: 11px 12px; min-height: 48px; background: rgb(255, 255, 255); color: var(--ink); font-size: 12px; font-weight: 700;}
#et-cennik .pallet-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 25px 28px 20px;}
#et-cennik .height-card{border: 1px solid var(--line); border-radius: 9px; overflow: hidden; align-self: start;}
#et-cennik .height-card.selected{border-color: var(--green);}
#et-cennik .card-head{padding: 20px; display: flex; justify-content: space-between; align-items: center; background: rgb(247, 249, 248); border-bottom: 1px solid var(--line); height: 110px;}
#et-cennik .card-head small{font: 9px var(--mono); color: var(--muted); letter-spacing: 0.05em; display: block;}
#et-cennik .card-head h3{font-size: 26px; margin-top: 8px; letter-spacing: -0.04em;}
#et-cennik .card-head h3 span{font-size: 15px; letter-spacing: 0px; font-weight: 600;}
#et-cennik .pallet-drawing{width: 77px; height: 74px;}
#et-cennik .row-label{display: flex; justify-content: space-between; font: 9px var(--mono); color: var(--muted); padding: 13px 17px 7px;}
#et-cennik .rate-row{background: white; display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 13px 16px; border-top: 1px solid rgb(237, 240, 238); min-height: 51px; text-align: left;}
#et-cennik .rate-row .weight{font-size: 11px; color: rgb(83, 93, 87); display: flex; align-items: center; gap: 8px;}
#et-cennik .rate-row .radio{height: 13px; width: 13px; border: 1px solid rgb(188, 198, 191); border-radius: 50%; flex: 0 0 auto;}
#et-cennik .rate-row strong{font-size: 17px; white-space: nowrap; letter-spacing: -0.025em; font-variant-numeric: tabular-nums;}
#et-cennik .rate-row strong small{font-size: 11px; font-weight: 600; letter-spacing: 0px;}
#et-cennik .rate-row[aria-pressed="true"]{background: rgb(231, 244, 237);}
#et-cennik .rate-row[aria-pressed="true"] strong{color: rgb(8, 96, 58);}
#et-cennik .rate-row[aria-pressed="true"] .radio{border: 4px solid var(--green); background: white;}
#et-cennik .rate-row:hover{background: rgb(241, 247, 243);}
#et-cennik .rate-help{font-size: 10px; color: var(--muted); margin: 0px 28px 20px;}
#et-cennik .selected-bar{background: var(--dark); color: rgb(255, 255, 255); padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; gap: 22px;}
#et-cennik .selected-bar .mini-label{color: rgb(174, 185, 178); font-size: 9px;}
#et-cennik .selected-bar .selection-name{font-weight: 700; font-size: 12px; margin-top: 6px;}
#et-cennik .selected-bar .selection-zone{font-size: 11px; color: rgb(174, 185, 178); margin-top: 3px;}
#et-cennik .selection-right{display: flex; gap: 28px; align-items: center;}
#et-cennik .selection-price{text-align: right; white-space: nowrap;}
#et-cennik .selection-price strong{font-size: 32px; font-variant-numeric: tabular-nums; letter-spacing: -0.04em; color: var(--lime); line-height: 1.2;}
#et-cennik .selection-price small{display: block; color: rgb(174, 185, 178); font-size: 9px;}
#et-cennik .selected-bar .button{background: var(--lime); color: var(--dark); font-size: 12px;}
#et-cennik .selected-bar .button:hover{background: rgb(222, 253, 97);}
#et-cennik .panel-foot{padding: 15px 28px; display: flex; gap: 16px; align-items: center; justify-content: space-between; color: var(--muted); font-size: 10px;}
#et-cennik .panel-foot a{color: var(--green); font-weight: 700; white-space: nowrap;}
#et-cennik .lower-grid{display: grid; grid-template-columns: 1fr 1.06fr; gap: 42px; padding: 42px 0px 36px;}
#et-cennik .mini-label{font: 9px var(--mono); letter-spacing: 0.14em; color: var(--green);}
#et-cennik .benefit{padding: 29px 32px; background: rgb(234, 240, 236); border: 1px solid rgb(219, 229, 222); border-radius: 10px;}
#et-cennik .benefit h3{font-size: 28px; margin-top: 12px;}
#et-cennik .benefit h3 span{color: var(--green);}
#et-cennik .discounts{display: grid; grid-template-columns: repeat(3, 1fr); margin: 25px 0px 17px;}
#et-cennik .discounts > div{border-right: 1px solid rgb(205, 217, 208); padding: 0px 16px;}
#et-cennik .discounts > div:first-child{padding-left: 0px;}
#et-cennik .discounts > div:last-child{border: 0px;}
#et-cennik .discounts b{display: block; font-size: 27px; letter-spacing: -0.04em;}
#et-cennik .discounts span{font-size: 10px; color: rgb(84, 100, 90);}
#et-cennik .benefit p{font-size: 10px; color: rgb(92, 106, 97); line-height: 1.8;}
#et-cennik .benefit > a{display: flex; justify-content: space-between; font-size: 11px; font-weight: 800; color: var(--green); margin-top: 25px;}
#et-cennik .faq{padding-top: 12px;}
#et-cennik .faq h3{margin: 13px 0px 22px;}
#et-cennik .faq details{border-bottom: 1px solid rgb(220, 226, 222);}
#et-cennik .faq summary{list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 16px 0px; min-height: 52px; font-size: 12px; font-weight: 700; cursor: pointer;}
#et-cennik .faq summary::-webkit-details-marker{display: none;}
#et-cennik .faq summary::after{content: "+"; font-size: 21px; font-weight: 400; color: var(--green);}
#et-cennik .faq details[open] summary::after{content: "−";}
#et-cennik .faq details p{font-size: 12px; color: var(--muted); line-height: 1.8; padding-bottom: 15px;}
#et-cennik .faq details a{display: block; color: var(--green); padding-bottom: 15px; font-weight: 700; font-size: 12px;}
#et-cennik .contact-line{border-top: 1px solid rgb(220, 226, 222); padding-top: 25px; display: flex; align-items: center; justify-content: space-between;}
#et-cennik .contact-line b{font-size: 13px; display: block;}
#et-cennik .contact-line div span{display: block; color: var(--muted); font-size: 11px; margin-top: 4px;}
#et-cennik .contact-line > a{font-size: 21px; font-weight: 800; letter-spacing: -0.02em;}
#et-cennik .contact-line > a span{color: var(--green); margin-left: 20px;}
#et-cennik footer{background: var(--dark); color: rgb(241, 245, 242); padding: 26px 0px;}
#et-cennik .footer-inner{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
#et-cennik .footer-inner b{font-size: 15px;}
#et-cennik .footer-inner span,#et-cennik .footer-inner a{font-size: 10px; color: rgb(179, 189, 183);}
#et-cennik .prototype-note{font-size: 9px; color: rgb(154, 165, 158); margin-top: 20px; line-height: 1.7;}
#et-cennik .table-wrap{padding: 24px 28px 20px;}
#et-cennik .rate-table{width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums;}
#et-cennik .rate-table caption{text-align: left; color: var(--muted); font-size: 11px; margin-bottom: 14px;}
#et-cennik .rate-table th{background: rgb(241, 245, 242); text-align: right; padding: 13px 16px; font-size: 10px; font-weight: 700; color: rgb(89, 100, 93); border-bottom: 1px solid var(--line);}
#et-cennik .rate-table th:first-child,#et-cennik .rate-table th:nth-child(2){text-align: left;}
#et-cennik .rate-table td{border-bottom: 1px solid rgb(233, 237, 235); padding: 0px 16px; height: 43px; text-align: right;}
#et-cennik .rate-table td:first-child,#et-cennik .rate-table td:nth-child(2){text-align: left;}
#et-cennik .rate-table .height-cell{font-weight: 800; font-size: 15px; vertical-align: top; padding-top: 16px; background: rgb(250, 251, 249);}
#et-cennik .rate-table .table-rate{background: transparent; min-height: 43px; padding: 8px 10px; font-weight: 800; font-size: 14px; border-radius: 5px; width: 100%; text-align: right; white-space: nowrap;}
#et-cennik .table-rate:hover{background: var(--soft);}
#et-cennik .rate-table .table-rate[aria-pressed="true"]{background: rgb(223, 241, 230); color: rgb(7, 95, 56); box-shadow: inset 3px 0 0 var(--green);}
#et-cennik .rate-table .table-zone{background: rgb(244, 249, 245);}
#et-cennik .catalog-content{padding: 2px 28px 26px;}
#et-cennik .catalog-content > p{color: var(--muted); font-size: 12px; margin: 16px 0px;}
#et-cennik .catalog-list{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 30px;}
#et-cennik .catalog-item{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 21px 0px; border-bottom: 1px solid var(--line);}
#et-cennik .catalog-item span{font-size: 12px;}
#et-cennik .catalog-item strong{font-size: 22px; white-space: nowrap;}
#et-cennik .note-box{border-left: 3px solid var(--green); background: var(--soft); padding: 16px 18px; font-size: 12px; margin-top: 20px; color: rgb(66, 87, 74); line-height: 1.8;}
#et-cennik .catalog-cta{display: flex; align-items: center; gap: 20px; margin-top: 25px;}
#et-cennik .catalog-cta span{font-size: 11px; color: var(--muted);}
#et-cennik .quote-panel{display: grid; grid-template-columns: 1fr 0.75fr; gap: 45px; background: var(--dark); color: white; padding: 34px; border-radius: 9px;}
#et-cennik .quote-panel h3{font-size: 32px;}
#et-cennik .quote-panel p{font-size: 13px; color: rgb(180, 192, 184); margin: 16px 0px 24px;}
#et-cennik .quote-panel .button{background: var(--lime); color: var(--ink);}
#et-cennik .quote-panel ul{list-style: none; padding: 0px; margin: 0px;}
#et-cennik .quote-panel li{padding: 14px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.125); color: rgb(212, 221, 215); font-size: 12px;}
#et-cennik .quote-panel li::before{content: "↗"; color: var(--lime); margin-right: 12px;}
#et-cennik dialog{max-width: 480px; width: calc(100% - 36px); border: 1px solid var(--line); border-radius: 14px; padding: 35px; box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 90px;}
#et-cennik dialog::backdrop{background: rgba(10, 11, 13, 0.6);}
#et-cennik dialog h2{margin: 13px 0px 20px;}
#et-cennik dialog p{font-size: 12px; color: var(--muted); margin: 20px 0px;}
#et-cennik dialog .button{width: 100%; font-size: 12px;}
#et-cennik .close{position: absolute; top: 8px; right: 10px; width: 40px; height: 40px; background: transparent; font-size: 27px;}
#et-cennik .back{background: transparent; width: 100%; padding: 16px 0px 0px; font-size: 12px; color: var(--muted);}
#et-cennik #dialogContent strong{font-size: 38px; display: block; color: var(--green); margin: 10px 0px;}
#et-cennik #dialogContent{font-size: 12px;}
#et-cennik .sr-only{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px);}
@media (min-width: 1500px) {#et-cennik .hero-inner{padding: 52px 0px;}
#et-cennik .hero h1{font-size: 64px;}}
@media (max-width: 1100px) {#et-cennik .nav nav{gap: 16px;}
#et-cennik .nav-actions{gap: 15px;}
#et-cennik .account{display: none;}
#et-cennik .hero-inner{gap: 30px;}
#et-cennik .categories{grid-template-columns: repeat(3, 1fr);}
#et-cennik .category{border-bottom: 1px solid var(--line);}
#et-cennik .category:nth-child(3){border-right: 0px;}
#et-cennik .category:nth-child(n+4){border-bottom: 0px;}
#et-cennik .filters{grid-template-columns: 1.2fr 1fr; gap: 18px;}
#et-cennik .types button{padding: 11px 9px;}
#et-cennik .types button span{display: none;}
#et-cennik .rate-row{padding: 12px 10px;}
#et-cennik .card-head{padding: 16px;}
#et-cennik .rate-row strong{font-size: 16px;}
#et-cennik .rate-row .weight{font-size: 10px;}
#et-cennik .hero-facts{gap: 14px;}
#et-cennik .pallet-grid{gap: 12px;}
#et-cennik .selection-right{gap: 18px;}}
@media (max-width: 800px) {#et-cennik .wrap{width: calc(100% - 40px);}
#et-cennik .nav{height: 68px; gap: 15px;}
#et-cennik .nav nav{display: none;}
#et-cennik .hero h1{font-size: 49px;}
#et-cennik .hero-inner{grid-template-columns: 1.2fr 0.8fr; gap: 20px;}
#et-cennik .hero-visual img{height: 185px;}
#et-cennik .photo-caption{padding: 13px;}
#et-cennik .photo-caption > span{display: none;}
#et-cennik .hero-facts{flex-wrap: wrap; gap: 8px 18px; font-size: 10px;}
#et-cennik .hero .eyebrow{font-size: 8px;}
#et-cennik .filters{grid-template-columns: 1fr 1fr; padding-inline: 20px;}
#et-cennik .pallet-grid{padding: 20px; gap: 10px;}
#et-cennik .workspace-top{padding: 22px 20px;}
#et-cennik .card-head{padding: 12px;}
#et-cennik .card-head h3{font-size: 23px;}
#et-cennik .pallet-drawing{width: 50px;}
#et-cennik .rate-row .radio{display: none;}
#et-cennik .rate-row{flex-wrap: wrap; gap: 2px;}
#et-cennik .rate-row strong{font-size: 16px;}
#et-cennik .selected-bar{padding: 20px; gap: 18px;}
#et-cennik .selected-bar .selection-name{font-size: 11px;}
#et-cennik .selection-right{gap: 14px;}
#et-cennik .selection-price strong{font-size: 27px;}
#et-cennik .selected-bar .button{padding: 13px; font-size: 11px;}
#et-cennik .lower-grid{gap: 25px;}
#et-cennik .benefit{padding: 24px;}
#et-cennik .table-wrap{padding: 20px;}
#et-cennik .rate-table th,#et-cennik .rate-table td{padding-inline: 8px;}
#et-cennik .panel-foot{padding-inline: 20px;}
#et-cennik .catalog-content{padding: 0px 20px 22px;}
#et-cennik .quote-panel{gap: 25px; padding: 24px;}}
@media (max-width: 620px) {#et-cennik .wrap{width: calc(100% - 32px);}
#et-cennik .review-inner{font-size: 8px; gap: 8px;}
#et-cennik .review-date,#et-cennik .review-note{display: none;}
#et-cennik .variants button{font-size: 10px; padding-inline: 10px;}
#et-cennik .logo{font-size: 14px; gap: 7px;}
#et-cennik .logo svg{width: 27px; height: 27px;}
#et-cennik .nav-actions .button{font-size: 10px; padding: 10px 12px; gap: 6px; min-height: 42px;}
#et-cennik .hero-inner{display: block; padding: 30px 0px 28px;}
#et-cennik .hero h1{font-size: 47px; margin: 16px 0px;}
#et-cennik .hero p{font-size: 13px;}
#et-cennik .hero-visual{display: none;}
#et-cennik .hero-facts{margin-top: 20px; font-size: 9px; gap: 12px;}
#et-cennik .hero .eyebrow{font-size: 8px; letter-spacing: 0.11em;}
#et-cennik .desktop-break{display: none;}
#et-cennik .pricing{padding-top: 24px;}
#et-cennik .section-intro .eyebrow{font-size: 8px; letter-spacing: 0.05em; gap: 8px;}
#et-cennik .intro-note{font-size: 9px;}
#et-cennik .categories{grid-template-columns: repeat(3, minmax(0px, 1fr)); margin-bottom: 20px;}
#et-cennik .category{flex-direction: column; align-items: flex-start; gap: 10px; padding: 13px 11px; min-height: 104px;}
#et-cennik .category svg{width: 21px; height: 21px;}
#et-cennik .category b{font-size: 10px;}
#et-cennik .category small{font-size: 8px;}
#et-cennik .workspace-top{padding: 20px 15px; gap: 15px; align-items: flex-start;}
#et-cennik .workspace-top h2{font-size: 22px;}
#et-cennik .workspace-top p{font-size: 11px; max-width: 230px; line-height: 1.7;}
#et-cennik .currency{padding: 3px;}
#et-cennik .currency button{padding: 6px 8px; font-size: 10px; min-height: 34px;}
#et-cennik .filters{grid-template-columns: 1fr; padding: 0px 15px 19px; gap: 16px;}
#et-cennik .types button{font-size: 11px; text-align: center; padding: 12px 6px;}
#et-cennik .types button span{display: none;}
#et-cennik .field-label{font-size: 10px;}
#et-cennik .pallet-grid{grid-template-columns: 1fr; padding: 18px 15px; gap: 15px;}
#et-cennik .height-card{display: grid; grid-template-columns: 105px 1fr; align-items: stretch;}
#et-cennik .card-head{height: auto; flex-direction: column; align-items: flex-start; justify-content: center; border-bottom: 0px; border-right: 1px solid var(--line); gap: 10px; padding: 13px;}
#et-cennik .card-head small{font-size: 8px;}
#et-cennik .card-head h3{font-size: 23px; margin-top: 6px;}
#et-cennik .card-head h3 span{font-size: 12px;}
#et-cennik .pallet-drawing{width: 65px; height: 65px; align-self: center;}
#et-cennik .row-label{font-size: 8px; padding: 10px 11px 7px;}
#et-cennik .rate-row{padding: 11px; min-height: 49px; flex-wrap: nowrap;}
#et-cennik .rate-row strong{font-size: 16px;}
#et-cennik .rate-row strong small{font-size: 10px;}
#et-cennik .rate-row .weight{font-size: 10px;}
#et-cennik .rate-help{margin: 0px 15px 18px; font-size: 9px;}
#et-cennik .selected-bar{padding: 20px 16px; display: block;}
#et-cennik .selected-bar .selection-name{font-size: 12px;}
#et-cennik .selection-right{display: flex; justify-content: space-between; margin-top: 18px; gap: 15px;}
#et-cennik .selection-price{text-align: left;}
#et-cennik .selection-price strong{font-size: 31px;}
#et-cennik .selected-bar .button{font-size: 11px; padding: 13px 17px; min-height: 48px;}
#et-cennik .panel-foot{padding: 14px 15px; display: block; font-size: 9px; line-height: 1.8;}
#et-cennik .panel-foot a{display: block; margin-top: 5px;}
#et-cennik .lower-grid{grid-template-columns: 1fr; gap: 24px; padding: 24px 0px;}
#et-cennik .benefit{padding: 24px;}
#et-cennik .benefit h3{font-size: 27px;}
#et-cennik .discounts b{font-size: 26px;}
#et-cennik .faq{padding: 8px 3px;}
#et-cennik .contact-line{display: block;}
#et-cennik .contact-line > a{display: block; font-size: 23px; margin-top: 13px;}
#et-cennik .footer-inner{flex-wrap: wrap; gap: 12px;}
#et-cennik .footer-inner span{width: 100%; order: 3; font-size: 9px;}
#et-cennik .footer-inner a{margin-left: auto;}
#et-cennik .prototype-note{font-size: 8px;}
#et-cennik .table-wrap{padding: 18px 10px;}
#et-cennik .rate-table{font-size: 10px;}
#et-cennik .rate-table th{font-size: 8px; padding: 11px 4px; white-space: normal;}
#et-cennik .rate-table td{padding: 0px 3px;}
#et-cennik .rate-table .height-cell{font-size: 11px; padding-top: 17px;}
#et-cennik .rate-table .table-rate{font-size: 11px; padding: 8px 4px;}
#et-cennik .rate-table caption{font-size: 10px;}
#et-cennik .catalog-content{padding: 0px 15px 22px;}
#et-cennik .catalog-list{grid-template-columns: 1fr;}
#et-cennik .catalog-item{padding: 17px 0px;}
#et-cennik .catalog-item strong{font-size: 21px;}
#et-cennik .catalog-item span{font-size: 11px;}
#et-cennik .catalog-cta{display: block;}
#et-cennik .catalog-cta span{display: block; margin-top: 12px;}
#et-cennik .catalog-cta .button{width: 100%; font-size: 12px;}
#et-cennik .note-box{font-size: 11px; padding: 13px;}
#et-cennik .quote-panel{grid-template-columns: 1fr; gap: 10px; padding: 22px;}
#et-cennik .quote-panel h3{font-size: 27px;}
#et-cennik .quote-panel .button{font-size: 11px; gap: 10px;}
#et-cennik .window-table th:nth-child(2){text-align: right;}
#et-cennik .window-table td:first-child{white-space: nowrap;}
#et-cennik .window-table th{font-size: 8px;}
#et-cennik .window-table td{font-size: 10px;}
#et-cennik .window-table td strong{font-size: 11px;}
#et-cennik dialog{padding: 28px;}}
@media (prefers-reduced-motion: reduce) {#et-cennik{scroll-behavior: auto;}
#et-cennik *{transition: none !important;}}
#et-cennik [hidden]{display: none !important;}
#et-cennik .hero-compact .hero-inner{display: block; padding: 35px 0px 32px;}
#et-cennik .hero-compact h1{font-size: clamp(38px, 4.4vw, 56px); margin: 17px 0px 19px; line-height: 1.1;}
#et-cennik .hero-compact h1 span{display: inline-block;}
#et-cennik .hero-bottom{display: flex; align-items: flex-end; justify-content: space-between; gap: 32px;}
#et-cennik .hero-compact .hero-facts{margin: 0px 0px 4px; flex: 0 0 auto;}
#et-cennik .shipment-context{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 28px; background: rgb(250, 251, 249); border-block: 1px solid var(--line); color: var(--muted); font-size: 11px;}
#et-cennik .shipment-context > span:first-child{font: 9px/1.7 var(--mono); letter-spacing: 0.06em;}
#et-cennik .shipment-grid .card-head{gap: 12px; min-height: 120px; height: 120px;}
#et-cennik .shipment-grid .card-head h3{font-size: 21px; letter-spacing: -0.025em; line-height: 1.25;}
#et-cennik .shipment-grid .card-head small{font-size: 8px; line-height: 1.7;}
#et-cennik .cargo-drawing{width: 76px; height: 76px; flex: 0 0 auto;}
#et-cennik .shipment-rate .weight{font-size: 11px; line-height: 1.5;}
#et-cennik .shipment-rate{min-height: 57px; gap: 10px;}
#et-cennik .shipment-notes{padding: 0px 28px 22px;}
#et-cennik .shipment-notes .note-box{margin: 0px; font-size: 11px;}
#et-cennik .shipment-description{padding: 17px 17px 7px; font-size: 12px; line-height: 1.75; color: var(--muted); min-height: 88px;}
#et-cennik .shipment-rate .quote-rate{font-size: 12px; letter-spacing: 0px; color: var(--green);}
#et-cennik .shipment-summary .custom-price strong{font-size: 25px;}
#et-cennik .quote-grid .card-head h3{font-size: 20px;}
#et-cennik .shipment-summary .selection-zone{max-width: 490px;}
@media (min-width: 621px) and (max-width: 1100px) {#et-cennik .shipment-grid .card-head{padding: 14px; gap: 8px;}
#et-cennik .shipment-grid .card-head h3{font-size: 17px;}
#et-cennik .cargo-drawing{width: 55px; height: 65px;}
#et-cennik .shipment-rate{flex-wrap: wrap;}
#et-cennik .shipment-rate strong{margin-left: auto;}
#et-cennik .shipment-rate .weight{font-size: 10px;}
#et-cennik .shipment-description{font-size: 11px; min-height: 98px;}
#et-cennik .shipment-summary .custom-price strong{font-size: 21px;}}
@media (max-width: 800px) {#et-cennik .shipment-context{padding-inline: 20px; gap: 15px; font-size: 10px;}
#et-cennik .shipment-context > span:first-child{font-size: 8px;}
#et-cennik .shipment-notes{padding-inline: 20px;}
#et-cennik .shipment-summary .selection-name{font-size: 12px;}
#et-cennik .shipment-summary .selection-zone{font-size: 10px;}}
@media (max-width: 620px) {#et-cennik .shipment-context{padding: 13px 15px; display: block; font-size: 10px;}
#et-cennik .shipment-context > span{display: block;}
#et-cennik .shipment-context > span + span{margin-top: 5px;}
#et-cennik .shipment-grid .shipment-card{display: block;}
#et-cennik .shipment-grid .card-head{min-height: 100px; height: 100px; flex-direction: row; align-items: center; padding: 15px 18px; border-right: 0px; border-bottom: 1px solid var(--line);}
#et-cennik .shipment-grid .card-head h3{font-size: 23px;}
#et-cennik .shipment-grid .card-head small{font-size: 8px;}
#et-cennik .cargo-drawing{width: 76px; height: 76px;}
#et-cennik .shipment-rate{min-height: 54px; padding: 13px 16px;}
#et-cennik .shipment-rate .weight{font-size: 12px;}
#et-cennik .shipment-rate .radio{display: inline-block;}
#et-cennik .shipment-rate strong{font-size: 18px;}
#et-cennik .shipment-grid .row-label{padding: 12px 16px 9px; font-size: 9px;}
#et-cennik .shipment-summary .selection-zone{font-size: 11px;}
#et-cennik .shipment-notes{padding: 0px 15px 18px;}
#et-cennik .shipment-notes .note-box{font-size: 11px;}
#et-cennik .shipment-description{min-height: 0px; padding: 16px 17px 10px; font-size: 12px;}
#et-cennik .shipment-summary .custom-price strong{font-size: 21px;}
#et-cennik .shipment-summary .custom-price small{max-width: 132px; white-space: normal;}
#et-cennik .shipment-summary .selection-right{gap: 10px;}
#et-cennik .shipment-summary .button{padding: 13px 12px; gap: 10px; font-size: 10px;}
#et-cennik .shipment-summary .selection-name{font-size: 13px;}}
@media (max-width: 800px) {#et-cennik .hero-bottom{display: block;}
#et-cennik .hero-compact .hero-facts{margin-top: 20px;}
#et-cennik .hero-compact .hero-inner{padding: 30px 0px 28px;}}
@media (max-width: 620px) {#et-cennik .hero-compact h1{font-size: 43px; line-height: 1.06; margin: 17px 0px;}
#et-cennik .hero-compact .hero-inner{padding: 28px 0px 26px;}}
#et-cennik{--mono:'JetBrains Mono',monospace;padding-top:70px;overflow:visible}
#et-cennik .wrap{padding-left:0;padding-right:0}
#et-cennik .hero{padding:0}
#et-cennik .hero h1{max-width:none}
#et-cennik .eyebrow{margin-bottom:0}
#et-cennik .eyebrow::before{content:none}
#et-cennik .step{padding:0;border:0;box-shadow:none}
#et-cennik .faq{margin:0;max-width:none}
#et-cennik .faq details{border:0;border-bottom:1px solid #dce2de;border-radius:0;margin:0;background:transparent;box-shadow:none}
#et-cennik .faq details[open] summary::after{transform:none}
#et-cennik .fallback-prices{padding:24px 28px}
#et-cennik .fallback-prices summary{cursor:pointer;font-weight:700}
#et-cennik .fallback-prices h3{margin:24px 0 15px;font-size:18px}
#et-cennik .fallback-scroll{overflow-x:auto}
#et-cennik .fallback-scroll table{width:100%;border-collapse:collapse;font-size:12px;min-width:580px}
#et-cennik .fallback-scroll th,#et-cennik .fallback-scroll td{padding:10px;border-bottom:1px solid var(--line);text-align:left}
#et-cennik .pricing-error{padding:24px 28px}
#et-cennik .pricing-error p{margin:15px 0}
#et-cennik .pricing-error>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
#et-cennik .pricing-error button:disabled{opacity:.6;cursor:wait}
@media(max-width:620px){#et-cennik .fallback-prices{padding:20px 15px}}