.occasion-page{
  --accent:var(--acc);
  --accent-soft:color-mix(in srgb,var(--acc) 62%,#fff);
  --accent-dim:color-mix(in srgb,var(--acc) 13%,transparent);
  overflow:hidden;
  background:
    radial-gradient(circle at 91% 8%,color-mix(in srgb,var(--acc2) 18%,transparent),transparent 28rem),
    linear-gradient(180deg,color-mix(in srgb,var(--occ-tint) 46%,var(--bg)) 0,transparent 34rem);
}
.breadcrumbs{display:flex;align-items:center;gap:9px;padding-top:28px;font-size:.84rem;font-weight:800;color:var(--text-3)}
.breadcrumbs a{color:var(--acc)}
.occasion-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:clamp(28px,6vw,84px);min-height:min(680px,76vh);padding:48px 0 76px}
.occasion-copy{display:grid;gap:20px;align-content:center}
.occasion-copy h1{max-width:13ch;font-family:var(--font-display);font-size:clamp(2.55rem,6vw,5.4rem);font-weight:600;line-height:.99;letter-spacing:-.045em}
.occasion-copy .lead{max-width:54ch}
.occasion-cta{margin-top:5px}
.occasion-trust{list-style:none;display:flex;flex-wrap:wrap;gap:9px 18px;margin:2px 0 0;padding:0;color:var(--text-2);font-size:.84rem;font-weight:800}
.occasion-trust li{position:relative;padding-left:17px}
.occasion-trust li::before{content:"";position:absolute;left:0;top:.42em;width:8px;height:5px;border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
/* Akcija progos puslapyje. `font-weight:600` — kad perbraukta kaina nekonkuruotu
   su 800 svorio sarasu, o Omnibus sakinys eitu i savo eilute. */
.occasion-trust .price-was{margin-left:6px;font-weight:600;color:var(--text-3);text-decoration-thickness:2px}
.occasion-trust .price-min30{display:block;margin-top:2px;font-weight:600;color:var(--text-3);font-size:.78rem}
.occasion-art{position:relative;display:grid;place-items:center;aspect-ratio:1;isolation:isolate}
.occasion-halo{position:absolute;width:83%;height:83%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 21%,#fff),color-mix(in srgb,var(--acc2) 9%,transparent) 49%,transparent 72%);filter:blur(14px)}
.occasion-box{position:relative;width:min(520px,100%);filter:drop-shadow(0 26px 23px rgba(48,28,18,.13))}
.occasion-spark{position:absolute;width:10px;aspect-ratio:1;background:var(--acc2);transform:rotate(45deg);border-radius:2px;box-shadow:0 0 22px color-mix(in srgb,var(--acc2) 70%,transparent)}
.occasion-spark::after{content:"";position:absolute;inset:3px -7px;background:inherit;border-radius:2px}
.occasion-spark.s1{left:7%;top:27%;transform:rotate(32deg) scale(.8)}
.occasion-spark.s2{right:8%;top:18%;transform:rotate(56deg) scale(.58);background:var(--acc3)}
.occasion-spark.s3{right:12%;bottom:22%;transform:rotate(41deg) scale(.42)}
.occasion-about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,7vw,100px);padding:clamp(68px,9vw,120px) 0;border-top:1px solid var(--hair)}
.occasion-about h2,.occasion-heading h2,.occasion-steps h2,.occasion-final h2{font-family:var(--font-display);font-size:clamp(2rem,4.3vw,3.7rem);font-weight:600;line-height:1.03;letter-spacing:-.035em}
.occasion-prose{display:grid;gap:18px;align-content:start}
.occasion-prose p{margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.75;color:var(--text-2)}
.occasion-section{padding:clamp(58px,8vw,100px) 0}
.occasion-heading{display:grid;gap:10px;max-width:680px;margin-bottom:34px}
.occasion-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.occasion-idea{display:grid;align-content:start;gap:13px;min-height:240px;background:color-mix(in srgb,var(--occ-tint) 26%,var(--surface));border:1px solid color-mix(in srgb,var(--acc) 16%,var(--hair))}
.occasion-idea .idea-number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--acc);color:#fff;font-weight:900;box-shadow:0 9px 24px color-mix(in srgb,var(--acc) 28%,transparent)}
.occasion-idea h3{font-size:1.25rem}
.occasion-idea p{margin:0;color:var(--text-2);line-height:1.65}
.occasion-steps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,88px);padding:clamp(32px,5vw,62px);background:linear-gradient(135deg,color-mix(in srgb,var(--occ-tint) 44%,var(--surface)),var(--surface))}
.occasion-steps header{display:grid;align-content:start;gap:10px}
.occasion-steps ol{counter-reset:steps;list-style:none;display:grid;gap:0;margin:0;padding:0}
.occasion-steps li{counter-increment:steps;position:relative;display:grid;gap:4px;padding:2px 0 25px 54px;border-left:1px solid color-mix(in srgb,var(--acc) 32%,var(--hair))}
.occasion-steps li:last-child{padding-bottom:0;border-left-color:transparent}
.occasion-steps li::before{content:counter(steps);position:absolute;left:-18px;top:-5px;display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--acc);color:#fff;font-size:.78rem;font-weight:900}
.occasion-steps li b{font-size:1.05rem}
.occasion-steps li span{color:var(--text-2);line-height:1.55}
.occasion-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,88px)}
.occasion-faq-list{display:grid;align-content:start}
.occasion-faq details{border-bottom:1px solid var(--hair)}
.occasion-faq summary{cursor:pointer;list-style:none;padding:19px 40px 19px 0;font-weight:800;position:relative}
.occasion-faq summary::-webkit-details-marker{display:none}
.occasion-faq summary::after{content:"+";position:absolute;right:2px;top:14px;color:var(--acc);font-size:1.5rem;font-weight:500}
.occasion-faq details[open] summary::after{content:"−"}
.occasion-faq details p{margin:0 36px 20px 0;color:var(--text-2);line-height:1.65}
.occasion-final{display:grid;justify-items:center;text-align:center;gap:18px;margin:10px 0 clamp(70px,10vw,130px);padding:clamp(42px,7vw,78px) 24px;border-radius:calc(var(--r) * 1.45);background:linear-gradient(145deg,color-mix(in srgb,var(--acc) 11%,var(--surface)),color-mix(in srgb,var(--acc2) 9%,var(--surface)));border:1px solid color-mix(in srgb,var(--acc) 16%,var(--hair));box-shadow:var(--sh-2)}
.occasion-final h2{max-width:18ch}
.occasion-final p:not(.eyebrow){margin:0;color:var(--text-2)}
@media(max-width:820px){
  .occasion-hero{grid-template-columns:1fr;min-height:0;padding-top:42px}
  .occasion-copy{text-align:center;justify-items:center}.occasion-copy h1{max-width:14ch}.occasion-cta,.occasion-trust{justify-content:center}
  .occasion-art{width:min(480px,94vw);margin:-30px auto -45px}
  .occasion-about,.occasion-steps,.occasion-faq{grid-template-columns:1fr}
  .occasion-ideas{grid-template-columns:1fr}.occasion-idea{min-height:0}
}
@media(max-width:520px){
  .breadcrumbs{padding-top:18px}.occasion-hero{padding:34px 0 56px}.occasion-copy h1{font-size:clamp(2.35rem,12vw,3.5rem)}
  .occasion-cta{display:grid;width:100%}.occasion-cta .btn{width:100%}
  .occasion-trust{display:grid;text-align:left}.occasion-art{margin:-34px auto -55px}
  .occasion-steps{margin-inline:calc(var(--pad) * -.3)}
}
