/* ULICA concept page: port of mockup/ to WordPress core blocks (Blocksy free). Loaded only on the ULICA page. */
@font-face { font-family: "Readex Pro"; src: url("/wp-content/uploads/ulica/ReadexPro.ttf") format("truetype"); font-weight: 160 700; font-display: swap; }
@font-face { font-family: "Marcellus"; src: url("/wp-content/uploads/ulica/Marcellus.ttf") format("truetype"); font-weight: 400; font-display: swap; }

:root {
  --cream: #f7ebe6; --espresso: #482817; --espresso-ink: #3f2010; --espresso-deep: #3a1c0d; --mocha: #7a5948;
  --caramel: #eccaa0; --caramel-deep: #c98a3a; --gold: #efb87e; --hair: #e3d3c8;
  --u: calc(100vw / 1536);
  --ar: "Readex Pro", "Noto Kufi Arabic", sans-serif; --lat: "Marcellus", "Times New Roman", serif;
  --i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 1 0-14 0c0 5.8 7 12 7 12Zm0-9.4a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Z' fill-rule='evenodd'/%3E%3C/svg%3E");
  --i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.9 6.4.8-4.7 4.4 1.2 6.4L12 17.2l-5.7 3.1 1.2-6.4-4.7-4.4 6.4-.8Z'/%3E%3C/svg%3E");
  --i-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12h21m-6-6 6 6-6 6'/%3E%3C/svg%3E");
  --i-cup: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13h17v6a7 7 0 0 1-7 7h-3a7 7 0 0 1-7-7Z'/%3E%3Cpath d='M22 15h2.5a3 3 0 0 1 0 6H22'/%3E%3Cpath d='M11 9c0-1.5 1.5-2 1.5-3.5M16 9c0-1.5 1.5-2 1.5-3.5'/%3E%3C/svg%3E");
  --i-cake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16 25 10v4L5 20Z'/%3E%3Cpath d='M5 20 25 14v12H5Z'/%3E%3Cpath d='M5 23h20'/%3E%3Ccircle cx='21' cy='7' r='2'/%3E%3C/svg%3E");
  --i-insta: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.4' cy='6.6' r='.9' fill='%23000'/%3E%3C/svg%3E");
  --i-ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round'%3E%3Ccircle cx='24' cy='24' r='20'/%3E%3Ccircle cx='24' cy='24' r='15.5'/%3E%3Cpath d='M24 4.5v4M24 39.5v4M4.5 24h4M39.5 24h4M10.2 10.2l2.8 2.8M35 35l2.8 2.8M10.2 37.8l2.8-2.8M35 13l2.8-2.8M16.5 5.9l1.5 3.7M30 38.4l1.5 3.7M5.9 31.5l3.7-1.5M38.4 18l3.7-1.5M5.9 16.5l3.7 1.5M38.4 30l3.7 1.5M16.5 42.1l1.5-3.7M30 9.6l1.5-3.7'/%3E%3C/svg%3E");
  --i-car: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 16V12l2-5h12l2 5v4M3 16h18v2H3zM7 18v2m10-2v2'/%3E%3C/svg%3E");
  --i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

/* Blocksy chrome off on this page: the page carries its own header and footer */
body.ulica-page { background: var(--cream); color: var(--espresso-ink); font-family: var(--ar); font-size: 17px; line-height: 1.6; }
.ulica-page #header, .ulica-page #footer, .ulica-page .hero-section, .ulica-page .entry-header { display: none !important; }
.ulica-page #main-container, .ulica-page .site-main, .ulica-page article, .ulica-page .entry-content { margin: 0 !important; padding: 0 !important; max-width: none !important; }
.ulica-page .ct-container-full { padding: 0 !important; }
.ulica-page .entry-content > * { margin-block: 0 !important; max-width: none; }
.ulica-page ::selection { background: var(--espresso); color: var(--cream); }
.ulica-page :focus-visible { outline: 2px solid var(--espresso); outline-offset: 3px; border-radius: 6px; }
.ulica-page h1, .ulica-page h2, .ulica-page h3 { font-family: var(--ar); margin: 0; text-wrap: balance; letter-spacing: 0; }
.ulica-page p { margin: 0; }
.ulica-page figure { margin: 0; }
.ulica-page img { display: block; max-width: 100%; height: auto; }
.ulica-page a { color: inherit; }

.icon::before, .u-ico::before { content: ""; display: inline-block; flex: none; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }

/* ===== Desktop: the first viewport is the measured comp frame (1536 x 1024) ===== */
.u-frame { position: relative; width: 100%; aspect-ratio: 1536 / 1024; overflow: hidden; background: var(--cream); }
.u-frame > .u-hdr::after { content: ""; position: absolute; left: 3.91%; top: 7.75%; width: 92.12%; height: 1px; background: var(--hair); }

.u-brand { position: absolute; left: 82.68%; top: .98%; width: 13.02%; height: 6.05%; display: flex !important; align-items: center; justify-content: center; gap: calc(10 * var(--u)); direction: ltr; }
.u-brand a { display: flex; flex-direction: column; align-items: center; text-decoration: none; font-family: var(--lat); font-size: calc(44 * var(--u)); line-height: .9; letter-spacing: .02em; color: #5b3a28; }
.u-brand::before { content: ""; width: calc(40 * var(--u)); height: calc(40 * var(--u)); background: var(--mocha); -webkit-mask: var(--i-ring) center / contain no-repeat; mask: var(--i-ring) center / contain no-repeat; order: -1; }
.u-brand small, .u-brand .u-tag { font-family: var(--lat); font-size: max(11px, calc(10.5 * var(--u))); letter-spacing: .06em; margin-top: calc(8 * var(--u)); color: var(--espresso-ink); }

.u-nav { position: absolute; left: 53.71%; top: 2.44%; width: 21.48%; height: 3.13%; display: flex !important; justify-content: space-between; align-items: center; font-size: calc(22 * var(--u)); }
.u-nav a { text-decoration: none; padding-inline: calc(6 * var(--u)); }
.u-nav a:hover { text-decoration: underline; text-underline-offset: .35em; }

.u-insta { position: absolute; left: 4.23%; top: 2.73%; width: 9.77%; height: 3.52%; display: flex !important; align-items: center; direction: ltr; }
.u-insta a { display: inline-flex; align-items: center; gap: calc(12 * var(--u)); text-decoration: none; font-family: var(--lat); font-size: calc(23 * var(--u)); color: #3a1c0d; -webkit-text-stroke: .35px currentColor; }
.u-insta a::before { content: ""; width: calc(30 * var(--u)); height: calc(30 * var(--u)); background: currentColor; -webkit-mask: var(--i-insta) center / contain no-repeat; mask: var(--i-insta) center / contain no-repeat; }

.u-hero-photos { position: absolute !important; left: 2.6%; top: 8.59%; width: 55.34%; height: 61.52%; }
.u-hero-photos img { width: 100% !important; height: 100% !important; object-fit: contain; }

.u-headline { position: absolute; left: 60.22%; top: 17.38%; width: 35.81%; font-size: calc(72 * var(--u)) !important; line-height: 1.18 !important; font-weight: 600 !important; white-space: nowrap; color: var(--espresso-ink) !important; }

.u-facts { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.u-facts li { position: absolute; display: flex; align-items: center; gap: calc(10 * var(--u)); white-space: nowrap; margin: 0; }
.u-facts li::before { content: ""; flex: none; width: calc(26 * var(--u)); height: calc(26 * var(--u)); background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.u-facts li:nth-child(1) { --ico: var(--i-pin); left: 68.36%; top: 36.62%; width: 27.02%; height: 3.32%; font-size: calc(22 * var(--u)); }
.u-facts li:nth-child(2) { --ico: var(--i-star); left: 73.57%; top: 41.02%; width: 19.53%; height: 3.13%; font-size: calc(20 * var(--u)); }
.u-facts li:nth-child(2)::before { background: var(--caramel-deep); order: 1; }
.u-facts li:nth-child(2) strong { font-weight: 600; font-size: calc(22 * var(--u)); order: 0; }
.u-facts li:nth-child(2) span { order: 2; }
.u-facts li:nth-child(3) { left: 72.92%; top: 44.73%; width: 20.18%; height: 3.13%; font-size: calc(24.5 * var(--u)); word-spacing: calc(10 * var(--u)); }
.u-facts li:nth-child(3)::before { display: none; }

.u-offer { position: absolute; left: 63.02%; top: 50.1%; width: 32.42%; height: 5.86%; display: flex !important; align-items: center; gap: calc(6 * var(--u)); padding-inline: calc(22 * var(--u)) !important; border-radius: 999px;
  background: linear-gradient(90deg, #eccda6, #e9c495); font-size: calc(27 * var(--u)) !important; color: #3a1c0d; }
.u-offer::before, .u-offer::after { content: ""; flex: none; width: calc(44 * var(--u)); height: calc(44 * var(--u)); background: var(--espresso-ink); -webkit-mask: var(--i-cup) center / contain no-repeat; mask: var(--i-cup) center / contain no-repeat; }
.u-offer::after { -webkit-mask-image: var(--i-cake); mask-image: var(--i-cake); order: -1; margin-inline-end: calc(16 * var(--u)); }
.u-offer::before { order: -2; }

.u-ctas { position: static !important; }
.u-ctas .wp-block-button { position: absolute; margin: 0 !important; }
.u-ctas .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: calc(16 * var(--u)); width: 100%; height: 100%; padding: 0 !important; border-radius: 999px !important;
  font-family: var(--ar); font-size: calc(24 * var(--u)) !important; font-weight: 500; text-decoration: none; transition: background-color .25s cubic-bezier(.2,.8,.2,1); }
.u-ctas .u-primary { left: 75.39%; top: 58.6%; width: 20.44%; height: 5.9%; }
.u-ctas .u-primary .wp-block-button__link { background: var(--espresso) !important; color: var(--cream) !important; }
.u-ctas .u-primary .wp-block-button__link::after { content: ""; width: calc(40 * var(--u)); height: calc(26 * var(--u)); background: currentColor; -webkit-mask: var(--i-arrow) center / contain no-repeat; mask: var(--i-arrow) center / contain no-repeat; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.u-ctas .u-primary .wp-block-button__link:hover { background: #5a331e !important; }
.u-ctas .u-primary .wp-block-button__link:hover::after { transform: translateX(4px); }
.u-ctas .u-ghost { left: 60.94%; top: 58.79%; width: 13.28%; height: 5.66%; }
.u-ctas .u-ghost .wp-block-button__link { background: transparent !important; border: 1.5px solid var(--espresso) !important; color: var(--espresso-ink) !important; }
.u-ctas .u-ghost .wp-block-button__link:hover { background: #f1e3d9 !important; }

.u-wave { position: absolute !important; left: 0; width: 100%; top: 67.4%; height: 9.8% !important; margin: 0 !important; background: url("/wp-content/uploads/ulica/wave.svg") center / 100% 100% no-repeat; }
.u-band { position: absolute; left: 0; right: 0; top: 77%; bottom: 0; background: radial-gradient(60% 55% at 50% 100%, #55301d 0%, rgba(85,48,29,0) 70%), var(--espresso); }
.u-band-title { position: absolute; left: 83.33%; top: 72.75%; width: 13.35%; height: 4.1%; display: flex; align-items: center; gap: calc(16 * var(--u)); font-size: calc(25 * var(--u)) !important; font-weight: 400 !important; color: var(--cream) !important; z-index: 2; }
.u-band-title::before { content: ""; width: calc(52 * var(--u)); height: 1px; background: var(--cream); }
.u-products { position: static !important; }
.u-product { position: static !important; }
.u-product figure { position: absolute !important; z-index: 2; }
.u-product figure img { width: 100% !important; height: 100% !important; object-fit: contain; }
.u-product h3 { font-size: calc(32 * var(--u)) !important; font-weight: 500 !important; line-height: 1.25 !important; color: var(--cream) !important; }
.u-product .u-price { font-size: calc(24 * var(--u)); color: var(--gold); margin-top: calc(6 * var(--u)) !important; }
.u-product .u-price strong { font-size: calc(36 * var(--u)); font-weight: 500; }
.u-ptext { position: absolute !important; z-index: 2; }
.u-latte figure { left: 71.29%; top: 77.15%; width: 14.97%; height: 21%; }
.u-latte .u-ptext { left: 84.31%; top: 83.01%; width: 10.74%; }
.u-pistachio figure { left: 40.36%; top: 76.66%; width: 14.97%; height: 21.97%; }
.u-pistachio .u-ptext { left: 53.06%; top: 83.01%; width: 13.02%; }
.u-bags figure { left: 4.88%; top: 73.73%; width: 22.79%; height: 25.59%; }
.u-bags .u-ptext { left: 25.07%; top: 82.52%; width: 9.77%; }
.u-pistachio::after, .u-latte::after { content: ""; position: absolute; top: 84%; height: 8.5%; width: 1px; background: rgba(247,235,230,.35); z-index: 2; }
.u-pistachio::after { left: 37.7%; } .u-latte::after { left: 68.4%; }

/* ===== Sections below the first viewport ===== */
.u-wrap { width: min(1360px, 100% - 2 * clamp(20px, 5vw, 88px)); margin-inline: auto; }
.u-menu-more { background: var(--espresso); color: var(--cream); padding: clamp(40px, 5vw, 72px) 0 clamp(96px, 10vw, 160px) !important; position: relative; }
.u-menu-more::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: clamp(50px, 7vw, 110px); background: url("/wp-content/uploads/ulica/wave-up-cream.svg") center / 100% 100% no-repeat; }
.u-menu-more .wp-block-columns { border-top: 1px solid rgba(247,235,230,.22); padding-top: clamp(32px, 4vw, 56px); gap: clamp(32px, 6vw, 120px); margin: 0 auto !important; }
.u-menu-more h3 { font-size: clamp(20px, 1.6vw, 24px) !important; font-weight: 500 !important; color: var(--gold) !important; margin-bottom: 18px !important; }
.u-rows { margin: 0 !important; }
.u-rows table { width: 100%; border-collapse: collapse; border: 0 !important; }
.u-rows td { border: 0 !important; border-bottom: 1px solid rgba(247,235,230,.14) !important; padding: 14px 0 !important; font-size: clamp(18px, 1.45vw, 22px); color: var(--cream); background: none !important; }
.u-rows td:last-child { text-align: left; color: var(--gold); font-weight: 500; white-space: nowrap; width: 1%; padding-inline-start: 20px !important; }
.u-rows td:last-child em { font-style: normal; font-weight: 400; font-size: .8em; color: rgba(247,235,230,.66); }
.u-note { margin-top: 22px !important; font-size: 15px; color: rgba(247,235,230,.7); max-width: 46ch; }

.u-story { padding: clamp(40px, 6vw, 100px) 0 clamp(64px, 8vw, 130px) !important; }
.u-story > .wp-block-columns, .u-visit > .wp-block-columns { align-items: center !important; gap: clamp(32px, 6vw, 110px); margin: 0 auto !important; }
.u-story-art { position: relative; min-height: clamp(360px, 42vw, 620px); }
.u-art-a { position: absolute !important; inset-inline-end: 0; top: 0; width: 64%; }
.u-art-b { position: absolute !important; inset-inline-start: 0; bottom: 0; width: 52%; }
.u-story h2, .u-visit h2 { font-size: clamp(32px, 3.6vw, 56px) !important; line-height: 1.2 !important; font-weight: 600 !important; color: var(--espresso-ink) !important; margin-bottom: 22px !important; }
.u-story p { font-size: clamp(17px, 1.3vw, 20px); color: #5a3a29; max-width: 46ch; }
.u-story p.u-placeholder { margin-top: 18px !important; padding: 14px 18px; border: 1px dashed #c9ad98; border-radius: 14px; font-size: 15px; color: var(--mocha); }

.u-visit { padding: clamp(56px, 7vw, 110px) 0 clamp(100px, 10vw, 160px) !important; }
.u-visit-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.u-visit-list li { display: flex; gap: 14px; align-items: flex-start; padding: 10px 0; font-size: clamp(17px, 1.3vw, 20px); color: #4b2a19; }
.u-visit-list li::before { content: ""; flex: none; width: 24px; height: 24px; margin-top: 4px; background: #a8692a; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.u-visit-list li:nth-child(1) { --ico: var(--i-pin); } .u-visit-list li:nth-child(2) { --ico: var(--i-car); } .u-visit-list li:nth-child(3) { --ico: var(--i-clock); }
.u-visit-list li:nth-child(3) span, .u-visit-list li em { font-style: normal; color: var(--mocha); border-bottom: 1px dashed #c9ad98; }
.u-visit .wp-block-buttons { gap: 14px; margin-top: 30px !important; }
.u-visit .wp-block-button__link { display: inline-flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 28px !important; border-radius: 999px !important; font-family: var(--ar); font-size: 18px !important; font-weight: 500; text-decoration: none; }
.u-visit .u-primary .wp-block-button__link { background: var(--espresso) !important; color: var(--cream) !important; }
.u-visit .u-primary .wp-block-button__link::after { content: ""; width: 26px; height: 22px; background: currentColor; -webkit-mask: var(--i-arrow) center / contain no-repeat; mask: var(--i-arrow) center / contain no-repeat; }
.u-visit .u-ghost .wp-block-button__link { background: transparent !important; border: 1.5px solid var(--espresso) !important; color: var(--espresso-ink) !important; }

.u-footer { background: var(--espresso-deep); color: var(--cream); position: relative; }
.u-footer::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: clamp(40px, 5vw, 70px); background: url("/wp-content/uploads/ulica/wave-foot.svg") center / 100% 100% no-repeat; }
.u-foot { display: flex !important; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: 30px 0; }
.u-foot-brand a { display: inline-flex; flex-direction: column; align-items: center; text-decoration: none; font-family: var(--lat); font-size: 40px; line-height: .9; color: var(--cream); direction: ltr; }
.u-foot-brand .u-tag { font-family: var(--lat); font-size: 11px; margin-top: 7px; color: var(--caramel); }
.u-foot-nav { display: flex !important; gap: 28px; flex-wrap: wrap; font-size: 17px; }
.u-foot-nav a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; color: rgba(247,235,230,.86); }
.u-foot-nav a:hover { color: var(--gold); }
.u-demo { border-top: 1px solid rgba(247,235,230,.14); color: var(--caramel); text-align: center; font-size: 14px; padding: 16px !important; }

/* motion: product plates settle in as they enter view, from an already-visible state */
.js .u-settle { opacity: .65; transform: translateY(26px) scale(.97); transition: opacity .9s cubic-bezier(.16,1,.3,1), transform 1.1s cubic-bezier(.16,1,.3,1); }
.js .u-settle.in { opacity: 1; transform: none; }

/* ===== Phones and small tablets ===== */
@media (max-width: 900px) {
  :root { --u: 1px; }
  .u-frame { aspect-ratio: auto; overflow: visible; }
  .u-frame > .u-hdr::after { display: none; }
  .u-hdr { display: grid !important; grid-template-columns: 1fr auto; align-items: center; gap: 4px 16px; padding: 14px 20px 6px; border-bottom: 1px solid var(--hair); }
  .u-brand, .u-nav, .u-insta, .u-hero-photos, .u-headline, .u-facts li, .u-offer, .u-ctas .wp-block-button, .u-band-title, .u-product figure, .u-ptext, .u-wave { position: relative !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
  .u-brand { justify-self: start; grid-row: 1; justify-content: flex-start; }
  .u-brand::before { width: 30px; height: 30px; }
  .u-brand a { font-size: 32px; }
  .u-insta { grid-row: 1; grid-column: 2; min-height: 44px; } .u-insta a { font-size: 15px; gap: 8px; } .u-insta a::before { width: 22px; height: 22px; }
  .u-nav { grid-row: 2; grid-column: 1 / -1; justify-content: flex-start; gap: 24px; font-size: 17px; }
  .u-nav a { min-height: 44px; display: inline-flex; align-items: center; padding: 0; }
  .u-hero { display: flex !important; flex-direction: column; padding: 22px 20px 0; gap: 12px; }
  .u-hero-photos { order: 9; margin-top: 18px !important; }
  .u-headline { font-size: clamp(38px, 11vw, 56px) !important; white-space: normal; line-height: 1.15 !important; }
  .u-facts { display: flex !important; flex-direction: column; gap: 6px; }
  .u-facts li { white-space: normal; font-size: 17px !important; gap: 8px; } .u-facts li::before { width: 20px; height: 20px; }
  .u-facts li:nth-child(2) strong { font-size: 18px; }
  .u-offer { padding: 10px 18px !important; font-size: 17px !important; align-self: flex-start; gap: 8px; }
  .u-offer::before, .u-offer::after { width: 28px; height: 28px; } .u-offer::after { margin-inline-end: 6px; }
  .u-ctas { display: flex !important; flex-wrap: wrap; gap: 12px; margin-top: 6px !important; }
  .u-ctas .wp-block-button__link { min-height: 52px; padding: 0 24px !important; font-size: 18px !important; gap: 10px; }
  .u-ctas .u-primary { flex: 1 1 auto; } .u-ctas .u-primary .wp-block-button__link::after { width: 26px; height: 22px; }
  .u-wave { display: block; height: 60px !important; margin-top: 12px !important; }
  .u-band { display: none; }
  .u-menu-top { background: var(--espresso); padding: 8px 20px 8px; margin-top: -1px; }
  .u-band-title { font-size: 22px !important; margin-bottom: 4px !important; }
  .u-products { display: flex !important; flex-direction: column; }
  .u-product { display: grid !important; grid-template-columns: 40% 1fr; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(247,235,230,.14); }
  .u-product h3 { font-size: 22px !important; } .u-product .u-price { font-size: 17px; } .u-product .u-price strong { font-size: 26px; }
  .u-pistachio::after, .u-latte::after { display: none; }
  .u-story-art { min-height: 0; display: grid; }
  .u-art-a { position: relative !important; width: 78%; margin-inline-start: auto !important; }
  .u-art-b { position: relative !important; width: 56%; margin-top: -22% !important; }
  .u-visit .wp-block-columns { flex-direction: column-reverse; }
  .u-foot { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .ulica-page * { transition: none !important; } .js .u-settle { opacity: 1; transform: none; } }

/* WordPress block wrappers: no flow margins or spacer heights inside the measured frame */
.u-frame .is-layout-flow > *, .u-frame > * , .u-frame .wp-block-group > * { margin-block: 0 !important; }
.u-band { height: auto !important; margin: 0 !important; z-index: 1; }
.u-wave { z-index: 1; }
.u-product figure, .u-product .u-ptext, .u-band-title { z-index: 3; }
@media (max-width: 900px) { .u-wave { order: 10; margin-inline: -20px !important; width: calc(100% + 40px) !important; } .u-insta a { min-height: 44px; } }