/* Naslovnica: homepage sections only (loaded on the front page, home.php). Tokens, buttons, header and footer are in design-system.css. */
/* calculator */
.h26-calc{background:var(--paper)}
.h26-calc__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:stretch}
.h26-calc__form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.h26-calc__pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.h26 .h26-range{margin-bottom:26px}
.h26 input[type=range].rangeSwipe{background:transparent;margin:-2px 0;height:28px}/* 28px hit area for touch (track stays 7px, centred) */
.h26 input[type=range].rangeSwipe::-webkit-slider-runnable-track{height:7px;background:#dcdad5}
.h26 input[type=range].rangeSwipe::-webkit-slider-thumb{margin-top:-9px;background:var(--gold);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.h26 .belowLabel{display:flex;justify-content:space-between}
.h26 .belowLabel p{margin:6px 0 0;font:300 16.5px 'Montserrat',Arial,sans-serif;color:var(--muted);text-transform:uppercase}
.h26-calc__result{display:flex;flex-direction:column;background:var(--dark);color:#fff;border-radius:18px;padding:34px}
.h26-calc__rate{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:34px 0 26px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.18)}
.h26-calc__rate strong{font:700 clamp(38px,4.4vw,52px)/1 'Montserrat',Arial,sans-serif}
.h26-calc__rate>span{font-size:17px;opacity:.75}
.h26-calc__result dl{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin-bottom:34px}
.h26-calc__result dt{font-size:13px;opacity:.6;margin-bottom:6px}
.h26-calc__result dd{font:700 19px 'Montserrat',Arial,sans-serif}
.h26-calc__result .h26-btn{align-self:flex-start}
.h26-calc__foot{margin-top:auto;padding-top:22px;font-size:12px;opacity:.55}

/* offers */
.h26-offers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.h26-offer{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;transition:transform .25s,box-shadow .25s}
.h26-offer:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.h26-offer--cream{background:var(--cream);border-color:#f0e2b8}
.h26-offer--dark{background:var(--dark);color:#fff;border-color:var(--dark)}
.h26-offer__img{position:relative;display:block;aspect-ratio:1.55;background:#ddd center/cover no-repeat}
.h26-offer__img .h26-pill{position:absolute;left:20px;bottom:-15px;padding:10px 20px;font-size:11px}
.h26-offer__body{display:flex;flex:1;flex-direction:column;padding:46px 24px 26px}
.h26-offer h3{font-size:24px;margin-bottom:16px}
.h26-offer__body p{font-size:14px;color:var(--muted)}
.h26-offer--dark .h26-offer__body p{color:rgba(255,255,255,.75)}
.h26-offer__more{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:26px;border-top:1px solid rgba(0,0,0,.1);font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase}
.h26-offer__body p+.h26-offer__more{margin-top:34px}
.h26-offer--dark .h26-offer__more{border-color:rgba(255,255,255,.2);color:var(--gold)}

/* digital */
.h26-digital{position:relative;overflow:hidden;background:var(--dark);color:#fff;padding:90px 0}
.h26-digital__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.h26-digital h2{font-size:clamp(32px,4.2vw,48px);margin:16px 0 20px}
.h26-digital__text>p:not(.h26-eyebrow){max-width:30em;margin-bottom:38px;color:rgba(255,255,255,.75);font-size:17px}
.h26-digital__visual{display:flex;align-items:center;justify-content:center;gap:28px}
.h26-phone{width:190px;padding:18px 16px 22px;background:#fff;border-radius:28px;color:var(--ink);text-align:center}
.h26-phone__screen{padding:18px 14px 20px;background:var(--paper);border-radius:14px;text-align:left}
.h26-phone__screen small{font-size:11px}
.h26-phone__screen strong{display:block;margin:12px 0 18px;font:700 17px 'Montserrat',Arial,sans-serif}
.h26-phone__btn{display:block;padding:12px 0;background:var(--gold);border-radius:8px;text-align:center;font:700 11px 'Montserrat',Arial,sans-serif;text-transform:uppercase}
.h26-phone i{display:block;width:10px;height:10px;margin:18px auto 0;border-radius:50%;background:var(--ink)}
.h26-digital__card{width:215px;padding:26px 24px;background:var(--gold);color:var(--ink);border-radius:14px}
.h26-digital__card small{font:700 11px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.h26-digital__card strong{display:block;margin:16px 0 22px;font:700 20px/1.3 'Montserrat',Arial,sans-serif}
.h26-digital__card span{font:700 11px 'Montserrat',Arial,sans-serif;text-transform:uppercase}

/* news */
.h26-news{background:var(--paper)}
.h26-news__grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:26px}
.h26-story{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;transition:transform .25s,box-shadow .25s}
.h26-story:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
.h26-story__top{display:block;padding:26px 26px 30px;border-radius:0 0 14px 14px;min-height:110px}
.h26-story__top--gold{background:var(--gold);color:var(--ink)}
.h26-story__top--dark{background:var(--dark);color:#fff}
.h26-story__top small{display:block;margin-bottom:22px;font:700 11px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.h26-story__top--dark small{color:var(--gold)}
.h26-story__top strong{font:700 24px/1.2 'Montserrat',Arial,sans-serif}
.h26-story__body{display:block;padding:24px 26px 30px}
.h26-story time{font-size:12px;color:var(--muted)}
.h26-story h3{font-size:22px;margin:16px 0}
.h26-story__body p{font-size:14px;color:var(--muted)}
.h26-notices{padding:30px 28px;background:var(--dark);color:#fff;border-radius:16px}
.h26-notices li{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.h26-notices li:last-child{border:0}
.h26-notices li a{display:grid;grid-template-columns:52px 1fr;gap:14px;font:700 15px/1.4 'Montserrat',Arial,sans-serif}
.h26-notices time{font:400 12px 'Montserrat',Arial,sans-serif;opacity:.6;padding-top:2px}
.h26-notices__all{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--gold);font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase}
.h26-notices>.h26-eyebrow{margin-bottom:10px}

/* fx + locator */
.h26-fx{padding-top:70px;background:#fff}
.h26-fx__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.h26-rates,.h26-locator{padding:38px;border-radius:18px}
.h26-rates{background:var(--paper);border:1px solid var(--line)}
.h26-rates h2{font-size:26px;margin:14px 0 26px}
.h26-rates table{width:100%;border-collapse:collapse}
.h26-rates th{padding:0 0 12px;text-align:left;font:700 11px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.h26-rates th:not(:first-child),.h26-rates td:not(:first-child){text-align:right}
.h26-rates td{padding:18px 0;border-top:1px solid var(--line);font:700 16px 'Montserrat',Arial,sans-serif}
.h26-rates__all{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase}
.h26-locator{background:var(--gold)}
.h26-locator h2{font-size:32px;margin:14px 0 18px}
.h26-locator>p:not(.h26-eyebrow){max-width:24em;margin-bottom:32px;font-size:15px}
.h26-locator form{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.h26-locator .h26-lf__select{width:100%}
.h26 .h26-locator select,.h26 .h26-locator input{width:100%;height:56px;padding:0 20px;border:0;border-radius:8px;background:#fff;font:400 15px 'Montserrat',Arial,sans-serif;color:var(--ink)}
.h26 .h26-locator select{padding-right:44px;color:var(--ink)}
.h26-locator .h26-btn{border:0}

/* tablet */
@media (max-width:1024px){
	.h26-calc__grid,.h26-digital__inner{grid-template-columns:1fr}
	.h26-offers__grid,.h26-news__grid{grid-template-columns:1fr 1fr}
	.h26-notices{grid-column:1/-1}
	}
/* phone */
@media (max-width:680px){
	.h26-section{padding:60px 0}
	.h26-calc__form,.h26-calc__result,.h26-rates,.h26-locator{padding:24px 20px}
	.h26-calc__pair,.h26-calc__result dl,.h26-offers__grid,.h26-news__grid,.h26-fx__grid{grid-template-columns:1fr}
	.h26-btn{width:100%}
	.h26-digital{padding:64px 0}
	.h26-digital__visual{flex-direction:column}
}

/* Tap targets: enlarge the hit area of small text links without moving the layout (padding compensated by negative margin) */
.h26-notices__all,.h26-rates__all{padding:12px 0;margin-block:-12px}
.h26-notices__all{margin-top:-4px}
.h26-rates__all{margin-top:10px}