@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{--tc-green: #3dba3d;--tc-green-dk: #2d9a2d;--tc-navy: #1b2b4b;--tc-dark: #111111;--tc-grey-bg: #f4f4f4;--tc-grey-mid: #e0e0e0;--tc-white: #ffffff;--tc-radius: 6px}.turf-calc-page *,.turf-calc-page *:before,.turf-calc-page *:after{box-sizing:border-box;margin:0;padding:0}.turf-calc-page img{display:block;max-width:100%}.turf-calc-page a{text-decoration:none;color:inherit}.tc-hero{background:var(--tc-navy);padding:36px 24px 32px;text-align:center}.tc-hero h1{font-family:Barlow Condensed,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;text-transform:uppercase;color:var(--tc-white);letter-spacing:.03em;margin-bottom:8px}.tc-hero h1 span{color:var(--tc-green)}.tc-hero p{font-family:Barlow,sans-serif;font-size:1rem;color:#ffffffb3}.tc-areas{background:var(--tc-dark);padding:32px 24px}.tc-areas__inner{max-width:1200px;margin:0 auto}.tc-areas__title{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800;text-transform:uppercase;color:var(--tc-white);letter-spacing:.05em;margin-bottom:20px}.tc-areas__title span{color:var(--tc-green)}.tc-areas__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.tc-area-card{background:var(--tc-navy);border-radius:var(--tc-radius);padding:18px 20px;border-top:3px solid var(--tc-green)}.tc-area-card__label{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;color:var(--tc-green);letter-spacing:.06em;margin-bottom:12px}.tc-area-card__inputs{display:flex;gap:12px;margin-bottom:12px}.tc-area-card__field{flex:1}.tc-area-card__field label{display:block;font-family:Barlow,sans-serif;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.tc-area-card__field input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:8px 10px;font-family:Barlow,sans-serif;font-size:.95rem;color:var(--tc-white);outline:none;transition:border-color .2s}.tc-area-card__field input:focus{border-color:var(--tc-green)}.tc-area-card__field input::placeholder{color:#ffffff40}.tc-area-results{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);margin-bottom:12px}.tc-area-results__row{font-family:Barlow,sans-serif;font-size:.82rem;padding:3px 0;line-height:1.4}.tc-area-results__raw{color:#ffffff80;margin-bottom:4px}.tc-area-results__raw span{color:#ffffffd9;font-weight:600}.tc-area-results__opt{color:#ffffffa6}.tc-opt-label{display:block;font-size:.72rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.tc-area-opt1,.tc-area-opt2{color:var(--tc-green);font-weight:700;padding-left:8px;display:block}.tc-area-card__direction{margin-top:10px}.tc-area-card__direction label{font-family:Barlow,sans-serif;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:6px;white-space:nowrap}.tc-dir-btns{display:flex;gap:8px}.tc-dir-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:6px 8px;font-family:Barlow,sans-serif;font-size:.78rem;font-weight:600;color:#ffffff80;cursor:pointer;text-align:center;transition:all .2s}.tc-dir-btn.active,.tc-dir-btn:hover{background:var(--tc-green);border-color:var(--tc-green);color:var(--tc-white)}.tc-totals{background:var(--tc-green);padding:16px 24px}.tc-totals__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.tc-totals__stat{font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800;text-transform:uppercase;color:var(--tc-white);letter-spacing:.05em}.tc-totals__stat span{font-size:1.5rem;color:var(--tc-dark)}.tc-totals__note{font-family:Barlow,sans-serif;font-size:.85rem;color:#ffffffd9}.tc-section{padding:0 0 48px;background:var(--tc-grey-bg)}.tc-section-header{background:var(--tc-navy);padding:18px 24px;display:flex;align-items:center;gap:12px}.tc-section-header h2{font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:900;text-transform:uppercase;color:var(--tc-white);letter-spacing:.05em}.tc-section-header h2 span{color:var(--tc-green)}.tc-section-header__count{font-family:Barlow,sans-serif;font-size:1rem;font-weight:600;color:#ffffffb3}.tc-table-wrap{overflow-x:auto;padding:0}table.tc-table{width:100%;min-width:1050px;border-collapse:collapse;table-layout:fixed}table.tc-table thead tr{background:var(--tc-dark)}table.tc-table thead th{font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tc-white);padding:12px 8px;text-align:left;border-bottom:2px solid var(--tc-green);white-space:nowrap;overflow:hidden}table.tc-table thead th.tc-th-center{text-align:center}table.tc-table colgroup col.col-img{width:90px}table.tc-table colgroup col.col-product{width:150px}table.tc-table colgroup col.col-usage{width:65px}table.tc-table colgroup col.col-width{width:50px}table.tc-table colgroup col.col-variant{width:120px}table.tc-table colgroup col.col-price{width:70px}table.tc-table colgroup col.col-rolls{width:140px}table.tc-table colgroup col.col-total{width:75px}table.tc-table colgroup col.col-atc{width:95px}table.tc-table tbody tr{border-bottom:1px solid var(--tc-grey-mid);background:var(--tc-white);transition:background .15s}table.tc-table tbody tr:hover{background:#f0fff0!important}table.tc-table tbody td{padding:12px 8px;font-family:Barlow,sans-serif;font-size:.88rem;color:#333;vertical-align:middle;overflow:hidden}table.tc-table tbody td.tc-thumb{width:90px!important;min-width:90px!important;max-width:90px!important;padding:0!important;vertical-align:middle;overflow:hidden}.tc-thumb img{width:90px;height:110px;object-fit:cover;object-position:center;display:block;border:none;border-radius:0;margin:0;padding:0}.tc-prod-name a{font-family:Barlow,sans-serif;font-size:.88rem;font-weight:600;color:var(--tc-navy);text-decoration:underline;text-underline-offset:2px}.tc-prod-name a:hover{color:var(--tc-green)}.tc-prod-padding{font-size:.75rem;color:var(--tc-green);font-weight:600;margin-top:2px}.tc-check{text-align:center}.tc-check--yes{color:var(--tc-green);font-weight:700}.tc-check--no{color:#ccc}.tc-price-cell{white-space:nowrap;font-weight:600;color:var(--tc-navy)}.tc-rollwidth{white-space:nowrap;font-weight:600;color:#555}.tc-variant-select{width:100%;padding:6px;border:1px solid #5b9bd5;border-radius:4px;font-family:Barlow,sans-serif;font-size:.82rem;color:#1a3a5c;background:#e8f4ff;cursor:pointer}table.tc-table tbody tr:hover .tc-variant-select{background:#e8f4ff!important;border-color:#5b9bd5!important;box-shadow:0 0 0 2px #3dba3d40}.tc-rolls-cell{font-size:.8rem;color:#555;line-height:1.4}.tc-rolls-cell div{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #eee}.tc-rolls-cell div:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.tc-total-cell{font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800;color:var(--tc-navy);white-space:nowrap}.tc-total-cell.has-value{color:var(--tc-green-dk)}.tc-atc-btn{display:block;width:100%;background:var(--tc-green);color:var(--tc-white);font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:9px 8px;border-radius:var(--tc-radius);border:none;cursor:pointer;transition:background .2s}.tc-atc-btn:hover{background:var(--tc-green-dk)}.tc-atc-btn:disabled{background:#ccc;cursor:not-allowed}.tc-atc-btn.added{background:var(--tc-navy)}.tc-cta{background:var(--tc-navy);padding:40px 24px;text-align:center}.tc-cta h2{font-family:Barlow Condensed,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;text-transform:uppercase;color:var(--tc-white);letter-spacing:.03em;margin-bottom:12px}.tc-cta h2 span{color:var(--tc-green)}.tc-cta p{font-family:Barlow,sans-serif;font-size:.95rem;color:#ffffffa6;margin-bottom:24px}.tc-cta__btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.tc-btn{display:inline-block;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 28px;border-radius:var(--tc-radius);cursor:pointer;transition:background .2s;border:2px solid transparent}.tc-btn--green{background:var(--tc-green);color:var(--tc-white);border-color:var(--tc-green)}.tc-btn--green:hover{background:var(--tc-green-dk);border-color:var(--tc-green-dk)}.tc-btn--outline{background:var(--tc-green);color:var(--tc-white);border-color:var(--tc-green)}.tc-btn--outline:hover{background:var(--tc-green-dk);border-color:var(--tc-green-dk)}@media(max-width:640px){.tc-hero{padding:24px 16px}}@media(max-width:768px){.tc-areas__grid{grid-template-columns:1fr!important}.tc-area-card[data-area="2"],.tc-area-card[data-area="3"],.tc-area-card[data-area="4"]{display:none}.tc-area-card[data-area="2"].tc-mobile-visible,.tc-area-card[data-area="3"].tc-mobile-visible,.tc-area-card[data-area="4"].tc-mobile-visible{display:block}.tc-add-area-btn{display:block;width:100%;margin-top:12px;background:transparent;border:2px dashed var(--tc-green);border-radius:var(--tc-radius);color:var(--tc-green);font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:12px;cursor:pointer;transition:all .2s;text-align:center}.tc-add-area-btn:hover{background:var(--tc-green);color:var(--tc-white)}.tc-add-area-btn.tc-hidden{display:none}.tc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0}.tc-mobile-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tc-navy);border-left:4px solid var(--tc-green);padding:12px 16px;margin-bottom:0}.tc-mobile-banner p{font-family:Barlow,sans-serif;font-size:.9rem;color:var(--tc-white);margin:0}.tc-mobile-banner p span{color:var(--tc-green);font-weight:700}.tc-mobile-banner__close{background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;flex-shrink:0;line-height:1;padding:0 4px}.tc-mobile-banner__close:hover{color:var(--tc-white)}.tc-mobile-banner.tc-hidden{display:none}}@media(min-width:769px){.tc-mobile-banner,.tc-add-area-btn{display:none!important}}.tc-area-opt1:before,.tc-area-opt2:before{content:"";display:inline-block;width:14px}.tc-area-card[data-selected=length] .tc-area-opt1:before{content:"\2713  ";color:#3dba3d;font-weight:800}.tc-area-card[data-selected=width] .tc-area-opt2:before{content:"\2713  ";color:#3dba3d;font-weight:800}.tc-mobile-instructions{display:none}@media(max-width:768px){.tc-section-header h2{display:none}.tc-mobile-instructions{display:block;margin-bottom:8px}.tc-mobile-instruction{font-family:Barlow,sans-serif;font-size:.8rem;font-weight:600;color:var(--tc-white);margin-bottom:5px}.tc-mobile-instruction span{color:var(--tc-green);margin-right:4px}.tc-mobile-instruction strong{color:var(--tc-green);font-weight:700}.tc-section-header__count{font-size:.72rem;color:#ffffff80;border-top:1px solid rgba(255,255,255,.1);padding-top:7px;margin-top:2px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/kodiak-turf-calculator.css.map */