.opc{--opc-surface:#fff;--opc-inset:#f7f5f9;--opc-ink:#292231;--opc-muted:#756c80;--opc-purple:#8055a0;--opc-line:#e7e1ec;max-width:1450px;margin:0 auto;padding:20px 24px 60px;color:var(--opc-ink);box-sizing:border-box}
.opc *{box-sizing:border-box}.opc a{text-decoration:none!important}
.opc-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:28px;min-height:220px;padding:26px 30px;border:1px solid #493851;border-radius:22px;background:#2b2236;color:#faf7ff;overflow:hidden}
.opc-hero-copy{min-width:0}.opc-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#d2b9e4;font-size:11px;line-height:20px;font-weight:500;letter-spacing:.05em}.opc-eyebrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.opc .opc-hero h1{margin:10px 0 12px;color:#faf7ff;font-size:clamp(36px,3.6vw,48px);line-height:1.08;letter-spacing:-.045em;font-weight:650}.opc-hero p{max-width:620px;margin:0 0 14px;color:#e5dceb;font-size:15px;line-height:1.55;font-weight:400}.opc-currency-note{display:block;max-width:620px;color:#bdafc9;font-size:11px;line-height:1.55}
.opc-hero-edit{position:relative;width:290px;height:180px;justify-self:end;pointer-events:none}.opc-hero-photos{position:relative;width:100%;height:100%}.opc-edit-photo{position:absolute;top:19px;left:7px;width:105px;height:144px;margin:0;padding:4px;background:#fcf9ff;border-radius:12px;box-shadow:0 10px 24px #100b1e40;transform:rotate(-10deg);overflow:hidden}.opc-edit-photo:nth-child(2){top:0;left:92px;z-index:1;width:112px;height:158px;transform:rotate(3deg)}.opc-edit-photo:nth-child(3){top:18px;left:178px;transform:rotate(12deg)}.opc-edit-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}.opc-edit-ticket{position:absolute;z-index:2;right:4px;bottom:0;display:flex;align-items:center;gap:12px;padding:9px 14px;background:#fbf8fd;color:#34263f;border:1px solid #e9dff0;border-radius:12px;box-shadow:0 5px 16px #100b1e30}.opc-edit-ticket>span{font-size:10px;line-height:1.3;font-weight:500}.opc-edit-ticket>strong{font-size:27px;font-weight:650;letter-spacing:-.04em;line-height:1.1}.opc-hero-edit:not(:has(.opc-edit-photo)) .opc-edit-ticket{inset:0;margin:auto;justify-content:center;flex-direction:column;gap:5px;width:130px;height:130px;border-radius:24px}.opc-hero-edit:not(:has(.opc-edit-photo)) .opc-edit-ticket>strong{font-size:48px}
.opc-membership-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;padding:13px 3px 17px;color:var(--opc-muted);font-size:12px;line-height:1.5}.opc-membership-summary>p{width:auto!important;max-width:100%;float:none;margin:0!important;font-size:12px;line-height:1.5;color:var(--opc-muted)}.opc-membership-summary .vopc-membership-manage{display:inline-flex;align-items:center;gap:7px;color:var(--opc-purple);font-size:12px;font-weight:500;white-space:nowrap}.opc-membership-summary .vopc-membership-manage::after{content:'\2197';font-size:14px}.opc-membership-summary>.vopc-membership-card{flex:1 1 100%;min-width:0}
.opc-filters{display:flex;align-items:end;gap:12px;margin:0 0 24px;padding:12px;border:1px solid var(--opc-line);border-radius:16px;background:var(--opc-surface);box-shadow:0 3px 12px #31203f04}.opc-filters label{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}.opc .opc-field-label{padding-left:2px;color:var(--opc-muted);font-size:11px;font-weight:500;line-height:14px}.opc-search{flex:1}.opc-category{flex:0 1 215px}.opc-input-wrap{display:flex;align-items:center;gap:10px;min-width:0;height:46px;padding:0 13px;border:1px solid var(--opc-line);border-radius:10px;background:var(--opc-inset)}.opc-input-wrap>svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:var(--opc-muted);stroke-width:1.7;stroke-linecap:round}
.opc .opc-filters .opc-input-wrap input[type=search]{flex:1;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;color:var(--opc-ink);font:inherit;font-size:14px;font-weight:400;box-shadow:none!important;outline:none!important}.opc .opc-filters input::placeholder{color:var(--opc-muted);font-weight:400}.opc-input-wrap:focus-within{border-color:var(--opc-purple);box-shadow:0 0 0 1px var(--opc-purple)}
.opc .opc-filters select{width:100%;height:46px;min-height:46px;margin:0;padding:9px 12px;border:1px solid var(--opc-line);border-radius:10px;background:var(--opc-inset);color:var(--opc-ink);font:inherit;font-size:14px;font-weight:400;box-shadow:none}.opc .opc-filters button{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:46px;min-height:46px;padding:10px 18px;border:1px solid var(--opc-purple);border-radius:10px;background:var(--opc-purple);color:#fff;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,box-shadow .15s}.opc-filters button>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.opc .opc-filters button:hover{background:#6e468e;box-shadow:0 3px 10px #8055a025}.opc-reset{align-self:end;display:inline-flex;align-items:center;min-height:46px;padding:0 5px;color:var(--opc-purple);font-size:12px;white-space:nowrap}
.opc-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.opc .opc-results-heading h2{margin:0;color:var(--opc-ink);font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em}.opc-results-heading>span{flex-shrink:0;white-space:nowrap;color:var(--opc-muted);font-size:11px;line-height:18px}
.opc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.opc-card{min-width:0;border:1px solid var(--opc-line);border-radius:15px;overflow:hidden;background:var(--opc-surface);transition:border-color .15s,box-shadow .15s}.opc-card:hover{border-color:#cbb5da;box-shadow:0 5px 18px #35213f0a}.opc-photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--opc-inset)}.opc-photo>a{display:block;width:100%;height:100%;color:var(--opc-muted)}.opc-photo img{display:block;width:100%;height:100%;object-fit:cover}.opc-no-photo{display:flex;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;font-size:12px}
.opc .opc-heart{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;margin:0;border:1px solid #ffffff80;border-radius:50%;background:#fffffff2;color:#71657c;box-shadow:0 2px 7px #0000000a;cursor:pointer}.opc .opc-heart i{font-size:18px;pointer-events:none}.opc .opc-heart:is(.liked,.is_favorite){color:#9867bb}.opc .opc-heart em{display:none!important}
.opc-details{padding:12px}.opc .opc-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--opc-ink);font-size:14px;font-weight:400;line-height:1.45}.opc-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.opc-price-row>strong{color:var(--opc-ink);font-size:18px;font-weight:650;line-height:1.2}.opc-favorites{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--opc-muted);font-size:12px;line-height:1}.opc-favorites svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.opc-empty{padding:48px 24px;text-align:center;border:1px dashed var(--opc-line);border-radius:18px;background:var(--opc-inset)}.opc-empty-price{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 0 16px;border:1px solid var(--opc-line);border-radius:50%;font-size:28px;font-weight:600;color:var(--opc-purple)}.opc .opc-empty h2{margin:0 0 8px;font-size:22px;color:var(--opc-ink)}.opc-empty p{max-width:480px;margin:0 auto 20px;font-size:14px;line-height:1.6;color:var(--opc-muted)}.opc-empty a{display:inline-flex;padding:10px 16px;border:1px solid var(--opc-line);border-radius:10px;color:var(--opc-purple);background:var(--opc-surface);font-size:13px}
.opc-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px 0 0}.opc-pagination a{display:inline-flex;min-height:42px;padding:10px 16px;border:1px solid var(--opc-line);border-radius:10px;background:var(--opc-surface);font-size:13px;color:var(--opc-purple)}.opc-pagination>span{font-size:12px;color:var(--opc-muted)}.opc :is(a,button,input,select):focus-visible{outline:2px solid var(--opc-purple);outline-offset:3px}
:is(html[data-vrool-theme=dark],body[data-theme=dark]) .opc{--opc-surface:#242129;--opc-inset:#1d1b22;--opc-ink:#f4eff7;--opc-muted:#bdb5c3;--opc-purple:#d3afe9;--opc-line:#403c48;color-scheme:dark}:is(html[data-vrool-theme=dark],body[data-theme=dark]) .opc-hero{background:#2b2335;border-color:#4b3b59}:is(html[data-vrool-theme=dark],body[data-theme=dark]) .opc .opc-filters button{background:#9465b1;border-color:#9465b1;color:#fff}:is(html[data-vrool-theme=dark],body[data-theme=dark]) .opc .opc-filters button:hover{background:#a576c2}:is(html[data-vrool-theme=dark],body[data-theme=dark]) .opc .opc-heart{background:#2b2632;color:#d3afe9;border-color:#43374f}:is(html[data-vrool-theme=dark],body[data-theme=dark]) .opc .opc-heart:is(.liked,.is_favorite){color:#e5bafc}
@media(max-width:1100px){.opc-hero{grid-template-columns:minmax(0,1fr) 250px;gap:20px;padding:24px}.opc-hero-edit{width:250px;transform:scale(.88);transform-origin:center right}.opc-hero p{font-size:14px}.opc-category{flex-basis:180px}}
@media(max-width:1023px){.opc{padding:18px 18px 60px}.opc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opc-hero{grid-template-columns:minmax(0,1fr) 210px}.opc-hero-edit{width:235px;transform:scale(.8)}.opc-filters{flex-wrap:wrap}.opc-search{flex:1 1 220px}.opc-category{flex:1 1 160px}}
@media(max-width:767px){.opc{padding:14px 12px 85px}.opc-hero{display:block;min-height:0;padding:22px 20px;border-radius:18px}.opc-hero-edit{display:none}.opc .opc-hero h1{font-size:36px;margin:10px 0 12px}.opc-eyebrow{font-size:10px;letter-spacing:.035em}.opc-hero p{font-size:14px;line-height:1.5;margin-bottom:12px}.opc-currency-note{font-size:10px;line-height:1.6}.opc-membership-summary{padding:12px 2px 14px;gap:5px 12px}.opc-membership-summary>p{font-size:11px}.opc-membership-summary .vopc-membership-manage{font-size:11px}.opc-filters{padding:12px;gap:10px;border-radius:14px;margin-bottom:22px}.opc-search{flex-basis:100%}.opc-category{flex:1 1 0}.opc .opc-filters button{padding:10px 13px;font-size:12px;gap:8px}.opc-reset{flex-basis:100%;min-height:24px;padding:0}.opc .opc-field-label{font-size:10px}.opc-results-heading{margin-bottom:12px}.opc .opc-results-heading h2{font-size:19px}.opc-results-heading>span{font-size:10px}.opc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opc-card{border-radius:14px}.opc-details{padding:10px}.opc .opc-title{font-size:13px}.opc-price-row{margin-top:10px}.opc .opc-heart{width:34px;height:34px;min-width:34px;right:8px;bottom:8px}.opc .opc-heart i{font-size:17px}.opc-empty{padding:36px 18px}}
@media(prefers-reduced-motion:reduce){.opc-card,.opc .opc-filters button{transition:none}}