/* Cisowianka Koszalin — scoped to the dedicated front page. */
body#im-cisowianka-home {
    --ciso-ink: #113d46;
    --ciso-green: #1c724f;
    --ciso-admin-height: 0px;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    max-width: none;
    min-width: 0;
    background: #f5f9fb !important;
    color: var(--ciso-ink);
    font-family: Arial, Helvetica, sans-serif;
}
body#im-cisowianka-home.admin-bar { --ciso-admin-height: 32px; }
#im-cisowianka-home .im-ciso-page,
#im-cisowianka-home .im-ciso-page * { box-sizing: border-box; }
#im-cisowianka-home .im-ciso-page {
    min-height: calc(100vh - var(--ciso-admin-height));
    min-height: calc(100svh - var(--ciso-admin-height));
    display: flex;
    flex-direction: column;
    padding: 28px 5vw 44px;
    padding-top: max(28px, env(safe-area-inset-top));
    background: radial-gradient(ellipse at 81% 60%, #dfedec 0%, #edf5f7 29%, #f5f9fb 64%);
}
#im-cisowianka-home .im-ciso-header {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    background: transparent;
}
#im-cisowianka-home .im-ciso-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    margin: 0;
    padding: 0;
    font-style: normal;
    text-align: right;
    max-width: 100%;
}
#im-cisowianka-home .im-ciso-contact a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 3px 0;
    color: var(--ciso-ink);
    font: 500 1rem/1.4 Arial, Helvetica, sans-serif;
    text-decoration: none;
    letter-spacing: 0;
    overflow-wrap: anywhere;
    max-width: 100%;
}
#im-cisowianka-home .im-ciso-contact .im-ciso-phone {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: .025em;
}
#im-cisowianka-home .im-ciso-contact a:hover { color: var(--ciso-green); text-decoration: underline; text-underline-offset: .25em; }
#im-cisowianka-home .im-ciso-contact a:focus-visible { outline: 2px solid var(--ciso-green); outline-offset: 5px; }
#im-cisowianka-home .im-ciso-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(200px, 26%);
    gap: 2vw;
    align-items: center;
    width: 100%;
    flex: 1 0 auto;
    margin: 0;
    padding: 28px 0 0;
}
#im-cisowianka-home .im-ciso-title {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--ciso-ink);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(3.75rem, 10.7vw, 12rem);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.065em;
    text-transform: none;
    text-align: left;
    text-shadow: none;
    background: transparent;
}
#im-cisowianka-home .im-ciso-title span { display: block; }
#im-cisowianka-home .im-ciso-title .im-ciso-city {
    color: var(--ciso-green);
    font-size: 1.21em;
    letter-spacing: -.07em;
    margin-top: .005em;
}
#im-cisowianka-home .im-ciso-bottle {
    position: relative;
    justify-self: center;
    height: clamp(350px, 68vh, 850px);
    height: clamp(350px, 68svh, 850px);
    aspect-ratio: 320 / 960;
    overflow: hidden;
    overflow: clip;
    margin: 0;
    padding: 0;
    background: transparent;
}
/* The original producer packshot has transparent margins; frame it with CSS. */
#im-cisowianka-home .im-ciso-bottle img {
    position: absolute;
    top: -22.3%;
    left: 50%;
    width: auto;
    height: 125%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    transform: translateX(-50%);
    filter: drop-shadow(0 8px 5px rgb(29 71 54 / 9%));
    pointer-events: none;
}
@media (max-width: 1100px) and (min-width: 701px) {
    #im-cisowianka-home .im-ciso-main { grid-template-columns: minmax(0, 1fr) 24%; gap: 1vw; }
    #im-cisowianka-home .im-ciso-bottle { height: clamp(320px, 58vw, 620px); }
}
@media (max-width: 782px) {
    body#im-cisowianka-home.admin-bar { --ciso-admin-height: 46px; }
}
@media (max-width: 700px) {
    #im-cisowianka-home .im-ciso-page { padding: 18px 6vw 24px; }
    #im-cisowianka-home .im-ciso-main { grid-template-columns: 1fr; align-content: center; gap: 22px; padding-top: 25px; }
    #im-cisowianka-home .im-ciso-title { text-align: center; font-size: clamp(2.5rem, 15vw, 6.5rem); line-height: 1.02; }
    #im-cisowianka-home .im-ciso-title .im-ciso-city { font-size: 1.12em; }
    #im-cisowianka-home .im-ciso-bottle { height: clamp(230px, 46vh, 470px); height: clamp(230px, 46svh, 470px); }
    #im-cisowianka-home .im-ciso-contact a { font-size: .9375rem; }
    #im-cisowianka-home .im-ciso-contact .im-ciso-phone { font-size: 1.25rem; }
}