/* Ukraine shipping panel occupies the former three-product hero area. */
.ukraine-cta{position:relative;align-self:center;overflow:hidden;background:var(--panel,#20272d);border:1px solid var(--line,#343d46);border-radius:14px;padding:34px;max-width:650px;text-align:left;color:var(--text,#f4f4f4);box-shadow:0 12px 32px #00000015}
.ukraine-flag{display:flex;flex-direction:column;width:64px;height:42px;overflow:hidden;border-radius:4px;margin-bottom:22px;box-shadow:0 0 0 1px #ffffff20}.ukraine-flag span{flex:1;background:#0057b7}.ukraine-flag span+span{background:#ffd700}
.ukraine-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,#0057b7 0 50%,#ffd700 50% 100%)}
.ukraine-cta h2{font-size:clamp(1.8rem,2.5vw,2.6rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 18px}.ukraine-cta p{line-height:1.55;margin:0 0 18px}.ukraine-cta-carrier{font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:.86rem;color:var(--muted,#abb3bb)}.ukraine-cta .ukraine-cta-timing{font-size:.95rem;color:var(--muted,#abb3bb);max-width:52ch}.ukraine-cta .hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}.ukraine-cta-button{background:#ffd700;color:#111417;border-color:#ffd700}.ukraine-cta-button:hover{background:#ffe744;border-color:#ffe744}.ukraine-language-link{color:var(--text,#f4f4f4);text-underline-offset:5px;font-weight:600}.hero-ukraine{display:flex;justify-content:flex-end;align-items:center;min-width:0}.hero-ukraine .ukraine-cta{width:100%}
.language-control select{padding:6px 8px;min-width:65px;font-size:.85rem}.language-control{display:inline-flex;align-items:center}/* Compact delivery overview; normal document flow remains available for zoom/mobile. */
.ukraine-delivery-page{max-width:1200px;margin:auto}
.ukraine-delivery-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border-top:4px solid #0057b7;border-bottom:4px solid #ffd700;padding:14px 0;margin-bottom:14px}
.ukraine-delivery-heading .ukraine-flag{width:48px;height:32px;margin:0}
.ukraine-delivery-heading .eyebrow{font-size:10px;letter-spacing:1.2px;margin:0 0 5px}
.ukraine-delivery-heading h1{font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:0 0 6px}
.ukraine-delivery-intro>p:last-child{font-size:13px;color:var(--muted)}
.ukraine-delivery-language{font-size:12px;white-space:nowrap;color:var(--orange)}
.ukraine-delivery-page .ukraine-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ukraine-delivery-page .ukraine-summary-grid>.panel{margin:0;padding:16px 18px}
.ukraine-delivery-page h2{font-size:18px;line-height:1.2;letter-spacing:-.25px;margin:0 0 8px}
.ukraine-delivery-page p{font-size:14px;line-height:1.5}
.ukraine-delivery-page .ukraine-action-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0 8px}
.ukraine-delivery-page .language-note{font-size:12px;color:var(--muted);line-height:1.4}
#main.seo-page:has(>.ukraine-delivery-page){padding-top:18px;padding-bottom:16px;min-height:0}
@media(min-width:851px){
 body:has(.ukraine-delivery-page) .site-footer{padding:12px 0}
 body:has(.ukraine-delivery-page) .footer-inner{gap:14px}
 body:has(.ukraine-delivery-page) .footer-brand img{width:26px;height:26px}
 body:has(.ukraine-delivery-page) .footer-brand small{display:none}
 body:has(.ukraine-delivery-page) .footer-policy-wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:0;margin-top:8px}
 body:has(.ukraine-delivery-page) .policy-links{gap:8px 16px}
 body:has(.ukraine-delivery-page) .policy-links a{min-height:28px}
 body:has(.ukraine-delivery-page) .company-disclosure{margin:0;font-size:11px;line-height:1.4}
}
@media(max-width:850px){.hero-ukraine{justify-content:stretch}.ukraine-cta{max-width:none;padding:26px}.ukraine-cta h2{font-size:1.8rem}.ukraine-delivery-page .ukraine-summary-grid{grid-template-columns:1fr}}
@media(max-width:520px){.language-control select{min-width:57px;padding:5px}.ukraine-cta .hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.ukraine-cta{padding:24px}.ukraine-delivery-heading{grid-template-columns:36px minmax(0,1fr);gap:12px}.ukraine-delivery-heading .ukraine-flag{width:36px;height:24px}.ukraine-delivery-heading h1{font-size:26px}.ukraine-delivery-language{grid-column:2}.ukraine-delivery-page .ukraine-summary-grid>.panel{padding:16px}}

.hero-visual.hero-ukraine::before,.hero-visual.hero-ukraine::after{content:none;display:none}
/* Language and appearance remain beside the basket instead of creating another mobile row. */
.header-inner .language-control select{width:65px;max-width:65px;min-height:34px}
@media(max-width:1100px){
 .site-header.header-compact .header-inner{grid-template-columns:minmax(0,1fr) 60px 80px 44px;column-gap:12px}
 .site-header.header-compact .header-inner .language-control{grid-column:2;grid-row:1;justify-self:end}
 .site-header.header-compact .header-inner .theme-control{grid-column:3;grid-row:1;justify-self:end}
 .site-header.header-compact .header-inner .basket-link{grid-column:4;grid-row:1}
 .site-header.header-compact .language-control select{width:60px;max-width:60px;min-height:32px;font-size:11px}
}
@media(max-width:700px){
 .site-header.header-compact .header-inner{grid-template-columns:minmax(0,1fr) 54px 72px 40px;column-gap:8px}
 .site-header.header-compact .language-control select{width:54px;max-width:54px;font-size:10px;padding:5px 4px}
}
@media(max-width:480px){
 .site-header .header-inner,.site-header.header-compact .header-inner{grid-template-columns:minmax(0,1fr) 54px 65px 38px;column-gap:6px;row-gap:0;padding-top:8px;padding-bottom:6px}
 .site-header .header-inner .brand{grid-column:1;grid-row:1;font-size:20px;gap:6px}
 .site-header .header-inner .brand img{width:28px;height:28px}
 .site-header .header-inner .brand small{display:none}
 .site-header .header-inner .language-control,.site-header.header-compact .header-inner .language-control{grid-column:2;grid-row:1;justify-self:end;width:54px}
 .site-header .header-inner .language-control select{width:54px;max-width:54px;min-width:0;min-height:32px;font-size:10px;padding:5px 3px}
 .site-header .header-inner .theme-control,.site-header.header-compact .header-inner .theme-control{grid-column:3;grid-row:1;justify-self:end;width:65px}
 .site-header .header-inner .theme-control select{width:65px;min-height:32px;font-size:10px;padding:5px 3px}
 .site-header .header-inner .basket-link,.site-header.header-compact .header-inner .basket-link{grid-column:4;grid-row:1;width:38px;min-width:38px;height:38px;min-height:38px}
 .site-header .header-inner .primary-nav,.site-header.header-compact .header-inner .primary-nav{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;gap:18px;width:100%;min-width:0}
 .site-header .header-inner .primary-nav a{flex:0 0 auto;min-height:40px;font-size:11px}
}

/* Portrait phones use a short horizontal card; desktop and landscape stay unchanged. */
.ukraine-cta-mobile-timing{display:none}
@media(max-width:600px) and (orientation:portrait){
 .hero-ukraine .ukraine-cta{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px 9px;padding:10px 14px 10px 18px;border-radius:12px}
 .ukraine-cta .ukraine-flag{grid-column:1;grid-row:1;width:28px;height:19px;margin:0;border-radius:3px}
 .ukraine-cta h2{grid-column:2;grid-row:1;font-size:clamp(17px,4.6vw,19px);line-height:22px;letter-spacing:-.02em;margin:0}
 .ukraine-cta .ukraine-cta-carrier,.ukraine-cta .ukraine-cta-summary,.ukraine-cta .ukraine-cta-timing{display:none}
 .ukraine-cta .ukraine-cta-mobile-timing{display:block;grid-column:1 / -1;margin:0;font-size:11.5px;line-height:15px;color:var(--muted,#abb3bb)}
 .ukraine-cta-mobile-timing>span{display:block}
 .ukraine-cta .hero-actions{grid-column:1 / -1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px 10px;margin:0;flex-wrap:wrap}
 .ukraine-cta .ukraine-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:7px 12px;font-size:12px;line-height:18px;white-space:nowrap}
 .ukraine-cta .ukraine-language-link{display:inline-flex;align-items:center;gap:5px;min-height:40px;font-size:12px;line-height:18px;white-space:nowrap}
}