.ohn-size-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-raised);border-radius:20px;grid-template-columns:1fr 1.05fr;display:grid;overflow:hidden}.ohn-size-media{background:var(--color-editorial-product-surface);min-height:520px;position:relative;overflow:hidden}.ohn-size-image{object-fit:cover;object-position:center;opacity:0;transition:opacity .9s}.ohn-size-image.is-active{opacity:1}.ohn-size-caption{z-index:1;background:color-mix(in srgb, var(--color-surface) 90%, transparent);color:var(--color-text-subtle);text-align:center;border-radius:5px;padding:7px 9px;font-size:.57rem;line-height:1.5;position:absolute;inset:auto 16px 16px}.ohn-size-copy{min-width:0;padding:32px 25px}.ohn-size-eyebrow{color:var(--color-text-subtle);font:600 .57rem var(--font-mono), monospace;letter-spacing:.12em}.ohn .ohn-size-copy h3{letter-spacing:-.035em;margin-top:10px;font-size:clamp(1.55rem,2vw,2rem);line-height:1.1}.ohn-size-offer{margin-top:24px}.ohn-size-price{flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:4px;display:flex}.ohn-size-amount{font:620 clamp(2.9rem, 4vw, 3.5rem)/1 var(--font-fraunces), var(--font-display), serif;letter-spacing:-.055em}.ohn-size-dollar{vertical-align:.17em;margin-inline-end:3px;font-size:.6em}.ohn-size-amount .riyal-sign{margin-inline-end:.12em}.ohn-size-currency{color:var(--color-text-subtle);font-size:.76rem;font-weight:700}.ohn .ohn-size-payment-note{color:var(--color-text-subtle);margin-top:7px;font-size:.78rem}.ohn-size-copy ul{gap:10px;margin:25px 0;padding:0;list-style:none;display:grid}.ohn-size-copy li{align-items:center;gap:8px;font-size:.85rem;line-height:1.5;display:flex}.ohn-size-copy li svg{color:var(--color-text-subtle);flex-shrink:0}.ohn-size-cta{justify-content:space-between;width:100%}.ohn .ohn-size-delivery{color:var(--color-text-subtle);text-align:center;margin-top:10px;font-size:.64rem;line-height:1.5}@media (max-width:640px){.ohn-size-card{grid-template-columns:1fr}.ohn-size-media{aspect-ratio:3/4;min-height:0}.ohn-size-copy{padding:28px 24px}.ohn .ohn-size-copy h3{font-size:2rem}.ohn-size-amount{font-size:3.6rem}}@media (prefers-reduced-motion:reduce){.ohn-size-image{transition:none}}