.oo-hero-feature-card{position:absolute;left:15px;top:0;width:300px;background:var(--color-white);border-radius:var(--radius-big);box-shadow:0 6px 8px var(--color-violet-a25);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.oo-hero-feature{position:relative;width:100%;height:119px;border-radius:var(--radius-sm);overflow:hidden;display:flex;background:var(--color-mustard-mist)}.oo-hero-feature-text{flex:0 0 38%;display:flex;align-items:flex-start;text-align:left;padding:var(--space-sm) 0 0 var(--space-2xs);color:var(--color-violet)}.oo-hero-feature-text p{font:400 22px/1.2 var(--font-display)}.oo-hero-feature-photo{position:relative;flex:1;overflow:hidden}.oo-hero-feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%}.oo-hero-thumbs{display:flex;gap:var(--space-2xs)}.oo-hero-thumb{flex:1;display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0;text-align:left}.oo-hero-thumb-photo{position:relative;width:100%;height:84px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-mustard-mist)}.oo-hero-thumb-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.oo-hero-thumb p{font:500 9.5px/1.15 var(--font-body);color:var(--color-violet)}.oo-hero-mockup{position:absolute;left:247px;top:30px;width:646px;height:460px}.oo-hero-mockup img{width:100%;height:100%;display:block;object-fit:contain}.oo-hero-orders{position:absolute;left:812px;top:130px;width:307px;display:flex;flex-direction:column;gap:var(--space-xs);text-align:left}.oo-hero-order-card{background:var(--color-white);border-radius:var(--radius-big);padding:var(--space-2xs);box-shadow:var(--elevation-sm);display:flex;gap:var(--space-xs);align-items:stretch}.oo-hero-order-photo{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:#e5e0db;flex-shrink:0}.oo-hero-order-photo img{width:100%;height:100%;object-fit:cover}.oo-hero-order-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.oo-hero-order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3xs)}.oo-hero-order-name{font:400 14.4px/1.5 var(--font-body);color:var(--color-violet)}.oo-hero-order-price{font:500 11.7px/1.5 var(--font-body);color:var(--color-stone-strong)}.oo-hero-order-trash{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--color-stone-mist);color:var(--color-violet);cursor:pointer}.oo-hero-order-trash svg{width:12px}.oo-hero-order-bottom{display:flex;justify-content:space-between;align-items:center}.oo-hero-order-qty{display:flex;align-items:center;gap:var(--space-3xs);font:500 11.7px/1.5 var(--font-body);color:var(--color-violet)}.oo-hero-order-step{width:16px;height:16px;border-radius:5px;flex-shrink:0;background:var(--color-mustard-soft);color:var(--color-violet-strong);display:flex;align-items:center;justify-content:center}.oo-hero-order-step svg{width:8px;height:8px}.oo-hero-order-total{background:var(--color-stone-mist);border:.5px solid var(--color-stone-soft);border-radius:var(--radius-md);padding:var(--space-3xs) var(--space-2xs);font:500 10px var(--font-display);color:var(--color-violet);white-space:nowrap}@media(max-width:1139px){.oo-hero-feature-card{display:none}.oo-hero-mockup{left:134px}.oo-hero-orders{left:699px}.ph-hero-visual{--ph-cw: 872px}}.oo2-features{position:relative;overflow:hidden}.oo2-features-glow{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 100%,var(--color-coral) 0%,var(--color-mustard) 25%,var(--color-plum-mist) 60%,transparent 100%);opacity:.5}.oo2-features-card{position:relative;z-index:1;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8)}.oo2-features-card .section-head h2{color:var(--text-primary)}.oo2-features-grid{display:flex;gap:var(--space-8);margin-top:var(--space-12)}.oo2-feature-card{flex:1;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--elevation-card-soft);padding:var(--space-4) var(--space-3);text-align:left;display:flex;flex-direction:column;gap:var(--space-6)}.oo2-feature-card img{width:100%;height:247px;object-fit:contain;border-radius:var(--radius-lg)}.oo2-feature-card h3{color:var(--text-primary);padding:0 var(--space-2)}.oo2-feature-card p{padding:0 var(--space-2)}@media(max-width:979px){.oo2-features-grid{flex-direction:column}}
