/* Hesaplay.com / #10 Seramik & Fayans — namespaced component styling */
.tl-hero,.tl-layout{font-family:inherit;max-width:1360px;margin-inline:auto;color:#152344;min-width:0}
.tl-hero{position:relative;margin-top:18px;border-radius:27px;padding:30px 43px 45px;background:radial-gradient(circle at 79% 20%,#236e9b 0,transparent 43%),linear-gradient(125deg,#112045,#173462 72%,#165b78);color:#fff;overflow:hidden;isolation:isolate}
.tl-hero:after{content:"";position:absolute;right:-90px;bottom:-235px;width:520px;height:520px;border:1px solid #ffffff21;border-radius:50%;box-shadow:0 0 0 68px #ffffff08,0 0 0 130px #ffffff06;pointer-events:none}
.tl-pattern{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#75e7d6 1px,transparent 1px),linear-gradient(90deg,#75e7d6 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%);pointer-events:none}
.tl-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;position:relative;z-index:2;color:#b9d0ef;font-size:12px;font-weight:600;margin-bottom:22px}.tl-breadcrumb a{color:#d4e3f9;text-decoration:none}.tl-breadcrumb a:hover{color:#70f1d5}
.tl-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:22px;position:relative;z-index:1}.tl-kicker{display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.14em;font-weight:850;color:#96f0d7;margin-bottom:18px}.tl-kicker span{width:8px;height:8px;display:inline-block;background:#45e3b5;border-radius:50%;box-shadow:0 0 0 5px #45e3b528}
.tl-hero h1{font-size:clamp(35px,4.3vw,64px);line-height:1.07;font-weight:880;letter-spacing:-.055em;color:#fff;margin:0}.tl-hero h1 em{font-style:normal;color:#77e5d8}.tl-hero p{max-width:570px;color:#cad9ef;font-size:clamp(13px,1.2vw,16px);line-height:1.85;margin:20px 0 22px}.tl-chips{display:flex;flex-wrap:wrap;gap:9px}.tl-chips span{color:#cbecf2;background:#ffffff11;border:1px solid #ffffff22;border-radius:100px;padding:9px 13px;font-size:11px;font-weight:750}
.tl-hero-art{position:relative;min-width:0}.tl-hero-art img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 30px #09133088);animation:tl-float 6s ease-in-out infinite}.tl-hero-float{position:absolute;bottom:2%;left:3%;background:#fff;border:1px solid #cce4f0;box-shadow:0 20px 35px #04102c4c;border-radius:14px;padding:12px 15px;transform:rotate(-3deg)}.tl-hero-float small{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;color:#5b789c}.tl-hero-float b{display:block;font-size:16px;letter-spacing:-.03em;color:#183765;margin-top:2px}.tl-hero-float span{font-size:10px;color:#7184a1}
@keyframes tl-float{50%{transform:translateY(-9px)}}
.tl-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px;padding:26px 0 46px;align-items:start}.tl-main,.tl-aside{min-width:0}.tl-card{background:#fff;border:1px solid #e3eaf5;border-radius:22px;box-shadow:0 7px 26px #192a5010;padding:29px;margin-bottom:20px;min-width:0}.tl-section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:24px}.tl-number{display:grid;place-items:center;flex-shrink:0;width:51px;height:51px;border-radius:15px;color:#315ce0;background:#e8efff;font-size:19px;font-weight:900}.tl-n-orange{background:#fff0e4;color:#da8448}.tl-n-teal{background:#ddf8f1;color:#10947c}.tl-n-purple{background:#efebff;color:#7456ca}.tl-eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.16em;color:#5380c0;margin-bottom:4px}.tl-section-heading h2{font-size:clamp(20px,2.5vw,28px);font-weight:860;letter-spacing:-.04em;color:#172f5b;margin:0 0 5px}.tl-section-heading p{color:#7888a6;font-size:12px;line-height:1.7;margin:0;max-width:640px}
.tl-area-list{display:grid;gap:13px}.tl-area-item{background:#f8faff;border:1px solid #e2eaf7;padding:19px;border-radius:15px;min-width:0}.tl-area-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.tl-area-name{font-size:11px;letter-spacing:.13em;color:#3e67ba}.tl-remove{border:0;background:#ffeff0;color:#bc4960;border-radius:9px;font-size:11px;font-weight:850;padding:7px 10px;cursor:pointer}.tl-remove:disabled{opacity:.35;cursor:default}.tl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tl-area-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tl-fields label{min-width:0;display:block;font-size:12px;font-weight:790;color:#364866}.tl-fields label small{font-weight:560;color:#8b9ab0;font-size:10px}.tl-fields select,.tl-unit{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;height:49px;border:1px solid #dce5f3;background:#fff;border-radius:11px;outline:0;margin-top:8px;color:#1c355f;transition:border .16s,box-shadow .16s}.tl-fields select{padding:0 10px;cursor:pointer}.tl-unit:focus-within,.tl-fields select:focus{border-color:#569ddd;box-shadow:0 0 0 3px #3fa9d31b}.tl-unit input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:#19365d;outline:0;font-size:14px;font-weight:740;padding:0 11px}.tl-unit input::placeholder{font-size:12px;font-weight:400;color:#9ba8bb}.tl-unit span{flex-shrink:0;color:#768aac;font-size:11px;font-weight:770;padding-right:10px;white-space:nowrap}
.tl-area-mini{background:#eaf2ff;margin:14px 0 0;padding:10px 12px;border-radius:9px;font-size:11px;color:#5b7095;line-height:1.8}.tl-area-mini strong{color:#2c59a4}.tl-row-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px}.tl-add{border:1px dashed #7aa7dc;border-radius:11px;padding:11px 16px;color:#3868ba;background:#f5faff;font-size:12px;font-weight:860;cursor:pointer}.tl-add:hover{background:#e9f3ff}.tl-add:disabled{opacity:.5;cursor:default}.tl-row-actions>span{font-size:11px;color:#9babc1}
.tl-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:23px}.tl-presets button{border:1px solid #d9e4f2;border-radius:11px;background:#f8faff;color:#49628d;font-size:13px;font-weight:850;padding:13px 6px;cursor:pointer}.tl-presets button.is-active,.tl-presets button:focus-visible{border-color:#478ed7;background:#e6f1ff;color:#194b9c;box-shadow:inset 0 0 0 1px #82aff2}
.tl-info{display:flex;gap:10px;align-items:flex-start;background:#edf9f8;border:1px solid #ccebe4;border-radius:12px;padding:13px;margin-top:19px;color:#47877e}.tl-info span{font-size:18px;font-weight:900}.tl-info p{margin:0;font-size:11px;line-height:1.75}.tl-subhead{font-size:12px;font-weight:900;margin:21px 0 12px;color:#315697;letter-spacing:.06em}.tl-hint{margin:19px 0 0;background:#f8faff;border-left:3px solid #7eb1df;border-radius:7px;padding:13px 15px;color:#7484a0;font-size:11px;line-height:1.75}.tl-form-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:25px}.tl-submit{background:linear-gradient(110deg,#235bd4,#3775e8);border:0;color:#fff;border-radius:13px;min-height:53px;font-weight:860;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 19px;flex:1;box-shadow:0 12px 24px #2963d429;cursor:pointer}.tl-submit span{font-size:22px}.tl-clear{background:#f5f7fc;border:1px solid #e1e7f2;border-radius:13px;color:#637391;font-size:12px;font-weight:770;padding:14px 16px;cursor:pointer}.tl-error{margin-top:19px;background:#fff1f0;border:1px solid #f4bfc2;padding:13px 16px;border-radius:10px;color:#b02d48;font-size:12px;font-weight:750}.tl-error[hidden],.tl-results[hidden]{display:none!important}
.tl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tl-stat{display:flex;flex-direction:column;gap:5px;padding:20px;border:1px solid #e2e9f4;border-radius:15px;background:#f8faff;min-width:0}.tl-stat-main{background:linear-gradient(132deg,#18417c,#3979d5);border-color:#417cd5;color:#fff}.tl-stat small{color:#7790b2;font-size:10px;letter-spacing:.11em;font-weight:900}.tl-stat strong{color:#223f70;font-size:clamp(25px,3vw,38px);font-weight:910;letter-spacing:-.05em;overflow-wrap:anywhere}.tl-stat>span{color:#7187a5;font-size:11px}.tl-stat-main small{color:#b8f2e7}.tl-stat-main strong{color:#fff}.tl-stat-main>span{color:#e8f7ff}
.tl-chart-shell{margin-top:22px;border:1px solid #e2eafa;border-radius:16px;padding:21px}.tl-chart-shell h3,.tl-result-subtitle{font-size:17px;font-weight:850;letter-spacing:-.03em;color:#18365f;margin:0 0 4px}.tl-chart-shell p{font-size:11px;color:#8292ab;margin:0 0 20px}.tl-bars{display:grid;gap:13px}.tl-bar-row>div:first-child{display:flex;justify-content:space-between;gap:15px;color:#637594;font-size:11px;margin-bottom:7px}.tl-bar-row strong{color:#284975}.tl-bar-rail{height:10px;overflow:hidden;background:#e9f0f9;border-radius:10px}.tl-bar-rail span{height:100%;display:block;border-radius:10px;transition:width .3s ease}.tl-result-subtitle{margin:23px 0 13px}.tl-detail-list{border:1px solid #e5ecf6;border-radius:13px;overflow:hidden}.tl-detail-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;background:#fff;border-bottom:1px solid #e9eef7;font-size:11px}.tl-detail-row:nth-child(even){background:#f8faff}.tl-detail-row:last-child{border:0}.tl-detail-row>span{color:#607495}.tl-detail-row>strong{font-size:12px;text-align:right;color:#254474;overflow-wrap:anywhere}
.tl-budget-result{margin-top:22px;border-radius:17px;overflow:hidden;border:1px solid #bed8eb;background:#f7fbff}.tl-budget-head{padding:21px;background:linear-gradient(100deg,#102d5a,#24578a);display:flex;align-items:center;justify-content:space-between;gap:18px}.tl-budget-head span{color:#a9efe3;letter-spacing:.08em;font-size:10px;font-weight:900}.tl-budget-head strong{color:#fff;font-size:clamp(18px,2.4vw,25px);letter-spacing:-.03em;overflow-wrap:anywhere;text-align:right}.tl-cost-rows{padding:8px 13px}.tl-cost-rows .tl-detail-row{background:transparent}.tl-budget-result>p{font-size:11px;color:#6a819c;line-height:1.7;margin:0;padding:4px 17px 17px}.tl-alert{padding:14px 16px;margin:19px 0 0;border:1px solid #e9debd;background:#fff9ed;color:#796b4d;font-size:11px;border-radius:11px;line-height:1.75}.tl-export{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.tl-export button{border:1px solid #dae4f4;border-radius:10px;background:#f0f6ff;color:#2c60b5;font-size:11px;font-weight:850;padding:11px 13px;cursor:pointer}.tl-export button:hover{background:#e3eeff}#tlActionStatus{align-self:center;color:#1d8f78;font-size:11px}
.tl-guide{margin-top:30px;border-radius:20px;padding:clamp(22px,3vw,38px);border:1px solid #e4ebf7;background:#fff}.tl-guide h2{margin:6px 0 15px;font-size:clamp(23px,3vw,34px);color:#152f56;letter-spacing:-.04em;line-height:1.25}.tl-guide .tl-lead{font-size:14px;line-height:1.9;color:#647895;margin:0 0 28px}.tl-guide section{padding:20px 0;border-top:1px solid #eaf0f7}.tl-guide section h3{margin:0 0 13px;color:#233e66;font-size:20px;letter-spacing:-.03em}.tl-guide section p,.tl-guide section li{color:#52647f;font-size:13px;line-height:1.95;margin:0 0 13px}.tl-guide section strong{color:#2c548e}.tl-guide section ul{padding-left:22px;margin:13px 0}.tl-guide section p:last-child{margin-bottom:0}
.tl-aside{display:grid;gap:16px;position:sticky;top:90px}.tl-side-card{border:1px solid #dfe7f4;border-radius:19px;padding:22px;background:#fff}.tl-side-dark{background:linear-gradient(134deg,#101f42,#225378);color:#fff;border-color:#24456e;overflow:hidden;position:relative}.tl-side-dark:after{content:"";position:absolute;width:200px;height:200px;border:1px solid #ffffff24;border-radius:50%;right:-120px;top:-60px}.tl-side-dark>span{color:#83ead8;font-size:10px;letter-spacing:.14em;font-weight:900}.tl-side-dark h2{font-size:29px;line-height:1.14;letter-spacing:-.05em;margin:18px 0 26px;color:#fff}.tl-side-dark h2 em{font-style:normal;color:#7ce8dc}.tl-formula{border-top:1px solid #ffffff21;padding:14px 0}.tl-formula small{display:block;color:#7bddc9;font-weight:900;font-size:9px;letter-spacing:.09em;margin-bottom:6px}.tl-formula b{font-size:12px;color:#e0f0ff;line-height:1.65}.tl-side-dark p{font-size:11px;line-height:1.85;color:#bed6e9;margin:16px 0 0}.tl-side-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#e1f4f2;color:#0b9e95;font-size:23px;margin-bottom:14px}.tl-side-card h3{font-size:17px;margin:0 0 10px;color:#203d68;font-weight:850}.tl-side-card p{font-size:11px;line-height:1.8;margin:0;color:#7586a0}.tl-next{text-decoration:none;display:block;border:1px solid #d6e6ef;background:#ecf8fa;padding:19px;border-radius:16px}.tl-next small{display:block;font-size:9px;letter-spacing:.12em;color:#428b9d;font-weight:900}.tl-next strong{display:block;font-size:15px;color:#28587b;margin:8px 0 4px}.tl-next span{font-size:11px;color:#647fa0}
@media(max-width:1200px){.tl-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.tl-hero{padding-inline:28px}.tl-card{padding:22px}.tl-area-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.tl-layout{grid-template-columns:1fr}.tl-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.tl-side-dark{grid-row:span 2}.tl-hero-grid{grid-template-columns:1.2fr .8fr}.tl-hero-art{width:100%}}
@media(max-width:660px){.tl-hero{margin:8px 9px 0;border-radius:21px;padding:20px 20px 30px}.tl-breadcrumb{font-size:10px;margin-bottom:18px}.tl-hero-grid{grid-template-columns:1fr;gap:0}.tl-hero h1{font-size:clamp(30px,9vw,43px)}.tl-hero p{font-size:13px;margin:12px 0 15px}.tl-hero-art{max-width:310px;justify-self:center;margin-top:10px}.tl-hero-float{left:0;bottom:2%;padding:9px 11px}.tl-hero-float b{font-size:13px}.tl-chips span{font-size:10px;padding:7px 10px}.tl-layout{padding:17px 9px 34px}.tl-card{border-radius:17px;padding:17px;margin-bottom:14px}.tl-section-heading{gap:10px;margin-bottom:18px}.tl-number{width:39px;height:39px;border-radius:11px;font-size:15px}.tl-section-heading h2{font-size:21px}.tl-section-heading p{font-size:11px}.tl-area-item{padding:13px}.tl-fields,.tl-area-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tl-fields label{font-size:11px}.tl-fields label small{display:block}.tl-unit{height:44px}.tl-unit input{font-size:13px;padding-inline:8px}.tl-unit span{font-size:10px;padding-right:7px}.tl-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-aside{grid-template-columns:1fr}.tl-side-dark{grid-row:auto}.tl-stats{gap:9px}.tl-stat{padding:14px}.tl-stat strong{font-size:29px}.tl-stat small{font-size:9px}.tl-budget-head{display:block}.tl-budget-head strong{display:block;text-align:left;margin-top:10px}.tl-guide{padding:19px}.tl-guide section h3{font-size:17px}.tl-guide section p{font-size:12px}.tl-form-actions{flex-direction:column;align-items:stretch}.tl-submit{width:100%}.tl-clear{width:100%}}
@media(max-width:370px){.tl-area-fields{grid-template-columns:1fr}.tl-fields{grid-template-columns:1fr}.tl-hero h1{font-size:30px}.tl-stat strong{font-size:24px}.tl-detail-row{padding:10px}}
@media(prefers-reduced-motion:reduce){.tl-hero-art img{animation:none}.tl-bar-rail span{transition:none}}
@media print{.topbar,.site-sidebar,.mobile-mask,.hs-site-footer,.tl-hero,.tl-aside,.tl-guide,#tlForm,.tl-export{display:none!important}.tl-layout{display:block!important;padding:0!important}.tl-card.tl-results{display:block!important;box-shadow:none!important;border:0!important;padding:0!important}.app-shell,.main-container,.tl-main{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}.tl-budget-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}}