:root{--offer-yellow:#ffc800;--offer-ink:#222b2f;--offer-muted:#68757b;--offer-line:#dfe5e8;--offer-soft:#f4f6f7}
body{background:var(--offer-soft)!important;color:var(--offer-ink)!important}
body>.top,body>.nav{display:none!important}
.offer-topbar{position:sticky!important;top:0;z-index:1000}
.offer-topbar .top-actions{position:absolute;top:50%;right:0;display:flex;align-items:center;gap:9px;transform:translateY(-50%)}
.offer-topbar-pill,.offer-topbar-back{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:11px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.025em}
.offer-topbar-pill{border:1px solid rgba(255,200,0,.26);color:#ffe780;background:rgba(255,200,0,.08)}
.offer-topbar-back{border:1px solid rgba(255,255,255,.18);color:#f4f6f7;background:rgba(255,255,255,.06)}
.offer-topbar-back:hover{border-color:rgba(255,200,0,.6);background:rgba(255,200,0,.1)}

.pereko-page-hero{padding:0!important;border-bottom:1px solid var(--offer-line)!important;background:radial-gradient(circle at 87% 0,rgba(255,200,0,.15) 0,transparent 25%),#fff!important;color:var(--offer-ink)!important}
.pereko-page-hero-inner{width:min(1120px,calc(100vw - 48px))!important;min-height:250px;margin-left:max(24px,calc((100vw - 1120px)/2))!important;margin-right:0!important;padding:38px 0!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.pereko-page-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0 0 17px!important;padding:0!important;border:0!important;border-radius:0!important;color:#846700!important;background:transparent!important;font-size:10px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:.17em!important;text-transform:uppercase!important}
.pereko-page-eyebrow:before{content:"";width:7px;height:7px;display:block;border-radius:50%;background:var(--offer-yellow);box-shadow:0 0 0 5px rgba(255,200,0,.14)}
.pereko-page-eyebrow i{display:none!important}
.pereko-page-hero h1{max-width:900px!important;margin:0 0 14px!important;color:var(--offer-ink)!important;font-family:var(--pereko-font)!important;font-size:var(--pereko-display-size)!important;font-weight:var(--pereko-display-weight)!important;line-height:var(--pereko-display-line)!important;letter-spacing:var(--pereko-display-spacing)!important}
.pereko-page-hero p{max-width:850px!important;margin:0!important;color:var(--offer-muted)!important;font-size:14px!important;line-height:1.65!important}

body>.shell.layout{width:min(1120px,calc(100vw - 48px))!important;margin-left:max(24px,calc((100vw - 1120px)/2))!important;margin-right:0!important;padding:34px 0 64px!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:24px!important}
.main{gap:16px!important}
.card{border:1px solid var(--offer-line)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(34,43,47,.045)!important;overflow:hidden}
.cardhead{padding:19px 21px!important;background:#fbfcfc!important}
.cardhead .num{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--offer-yellow);color:#1b2226;font-size:12px;font-weight:900}
.cardhead h2{font-size:16px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.025em!important}
.cardhead p{margin-top:5px!important;font-size:10px!important;line-height:1.45!important;color:#7b888e!important}
.body{padding:21px!important}
.field label{margin-bottom:7px!important;color:#56646b!important;font-size:10px!important;font-weight:800!important;letter-spacing:.06em!important}
.field input,.field select,.field textarea{min-height:43px!important;border-color:#d5dde1!important;border-radius:10px!important;padding:11px 12px!important;font-size:12px!important;font-weight:500!important}
.field textarea{min-height:105px!important}
.note{padding:13px 14px!important;font-size:10px!important;line-height:1.55!important}
.profilebar strong{font-size:11px!important}.profile strong{font-size:11px!important}.profile span{font-size:9px!important}
.mini,.sum-buttons button{min-height:40px!important;border-radius:10px!important;padding:0 13px!important;font-family:var(--pereko-font)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.025em!important}
.product-adder>.mini{min-width:76px}.actions button{width:34px!important;height:34px!important;min-height:34px!important;font-size:10px!important}
.chip{min-height:34px!important;padding:0 11px!important;font-size:9px!important;font-weight:750!important}
.lineitem{padding:12px!important}.lineitem strong{font-size:11px!important}.lineitem small{font-size:9px!important}.lineitem .money{font-size:11px!important}
.layout>aside{position:sticky!important;top:122px!important;align-self:start!important;z-index:5}
.summary{position:static!important;top:auto!important;padding:18px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:radial-gradient(circle at 85% 5%,rgba(255,200,0,.12),transparent 34%),linear-gradient(145deg,#172126,#29343a)!important;box-shadow:0 15px 35px rgba(29,38,43,.14)!important}
.summary h2{font-size:18px!important;font-weight:800!important;letter-spacing:-.03em!important}.tag{font-size:9px!important}.sumrow,.vatrow{font-size:10px!important}.grand strong{font-size:23px!important}
.sumrows{margin:12px 0!important}.sumrow,.vatrow{padding:8px 0!important}.grand{margin-top:8px!important;padding-top:11px!important}.sum-buttons{gap:7px!important;margin-top:12px!important}
.warning{position:relative!important;z-index:1!important;margin-top:15px!important;padding:17px!important;background:#fff!important;font-size:9.5px!important}.warning strong{font-size:11px!important}.confirm{font-size:10px!important;line-height:1.55!important}
.offer-doc-table{width:100%!important;table-layout:fixed!important}
.offer-doc-table th:nth-child(1){width:7%!important}.offer-doc-table th:nth-child(2){width:22%!important}.offer-doc-table th:nth-child(3){width:25%!important}.offer-doc-table th:nth-child(4){width:8%!important}.offer-doc-table th:nth-child(5){width:9%!important}.offer-doc-table th:nth-child(6){width:14%!important}.offer-doc-table th:nth-child(7){width:15%!important}
.offer-doc-table th.num,.offer-doc-table td.num{width:auto!important;height:auto!important;min-width:0!important;display:table-cell!important;padding:2.7mm 1.5mm!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;text-align:right!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
.offer-doc-table th.num{padding:2mm 1.5mm!important}
.offer-sheet-table{width:100%!important;table-layout:fixed!important}
.offer-sheet-table th.num,.offer-sheet-table td.num{width:auto!important;height:auto!important;min-width:0!important;display:table-cell!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;text-align:right!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
.offer-a4-preview .offer-sheet-table th:last-child,.offer-a4-preview .offer-sheet-table td:last-child{padding-right:0!important}
.pereko-site-footer{margin-top:0!important}
@media(max-width:980px){body>.shell.layout{grid-template-columns:1fr!important}.layout>aside{position:static!important}.offer-topbar-pill{display:none!important}}
@media(max-width:700px){.offer-topbar-back span{display:none}.pereko-page-hero-inner,body>.shell.layout{width:min(100vw - 32px,620px)!important;margin-left:16px!important}.pereko-page-hero-inner{min-height:220px;padding:30px 0!important}.product-adder{grid-template-columns:1fr!important}}
@media print{.offer-topbar,.pereko-site-footer{display:none!important}}