/* All rules are scoped so Hostinger's global element styles cannot resize
   the cards or override their headings, controls, and image frames. */
.bs-pricing, .bs-gallery-layer { --bs-orange:#ff914d; --bs-yellow:#ffde59; --bs-ink:#172236; font-family:Montserrat,Arial,sans-serif; color:var(--bs-ink); }
.bs-pricing *, .bs-gallery-layer * { box-sizing:border-box; }
.bs-pricing { position:relative; isolation:isolate; background:#172236; padding-bottom:48px; }
.bs-pricing::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(15,23,42,.58),rgba(15,23,42,.28) 40%,rgba(15,23,42,.55)),var(--bs-hero-image) center top / cover no-repeat; }
.bs-pricing button, .bs-pricing a, .bs-gallery-layer button { font-family:Montserrat,Arial,sans-serif; text-decoration:none; cursor:pointer; }
.bs-pricing button:focus-visible, .bs-pricing a:focus-visible, .bs-gallery button:focus-visible { outline:3px solid #c95b17; outline-offset:3px; }
.bs-pricing svg, .bs-gallery svg { width:16px; height:16px; flex:none; }
.bs-pricing .bs-intro { max-width:1120px; margin:0 auto; padding:46px 20px 28px; text-align:center; }
.bs-pricing .bs-eyebrow { color:var(--bs-yellow); font-size:11px; line-height:1.4; font-weight:700; letter-spacing:.28em; text-transform:uppercase; margin:0 0 12px; }
.bs-pricing .bs-intro h1 { font-family:'Bebas Neue','Arial Narrow',sans-serif; font-size:clamp(34px,4.3vw,56px); font-weight:400; line-height:1.05; letter-spacing:.025em; color:#fff; margin:0; text-shadow:0 2px 12px #17223688; }
.bs-pricing .bs-intro__description { color:#fff; font:400 16px/1.6 Montserrat,Arial,sans-serif; margin:14px auto 0; }
.bs-pricing .bs-content { max-width:1120px; padding:0 20px; margin:0 auto; }
.bs-pricing .bs-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.bs-pricing .bs-card { min-width:0; width:100%; aspect-ratio:1; min-height:440px; position:relative; perspective:1600px; container-type:inline-size; }
.bs-pricing .bs-card__header { min-width:0; padding:10px 14px 8px; border-radius:16px 16px 0 0; background:var(--bs-ink); }
.bs-pricing .bs-card__heading { display:flex; align-items:center; gap:8px; }
.bs-pricing .bs-card__icon { display:grid; place-items:center; width:26px; height:26px; flex:none; color:var(--bs-ink); background:var(--bs-orange); border-radius:50%; }
.bs-pricing .bs-card__icon svg { width:16px; height:16px; }
.bs-pricing .bs-card__heading h2 { min-width:0; margin:0; color:#fff; -webkit-text-fill-color:#fff; font-family:'Bebas Neue','Arial Narrow',sans-serif; font-size:clamp(20px,7cqw,27px); line-height:1; font-weight:400; letter-spacing:.015em; white-space:nowrap; }
.bs-pricing .bs-card__header p { margin:5px 0 0; color:#e1e5eb; font:400 11px/1.35 Montserrat,Arial,sans-serif; }
.bs-pricing .bs-card__rotator { position:absolute; inset:0; transform-style:preserve-3d; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.bs-pricing .bs-card__rotator.is-flipped { transform:rotateY(180deg); }
.bs-pricing .bs-card__face { position:absolute; inset:0; display:grid; grid-template-rows:72px minmax(0,1fr) 56px; overflow:hidden; border-radius:16px; background:#fff; box-shadow:0 12px 32px #07182730; backface-visibility:hidden; -webkit-backface-visibility:hidden; visibility:visible; transition:visibility 0s; }
/* Both entire faces rotate. Backface visibility hides the reverse; inert
   prevents the inactive face from receiving keyboard or pointer input. */
.bs-pricing .bs-card__face[aria-hidden="true"] { pointer-events:none; visibility:hidden; transition:visibility 0s .6s; }
.bs-pricing .bs-card__front { transform:rotateY(0deg); }
.bs-pricing .bs-card__front-content { min-height:0; display:grid; grid-template-rows:28px minmax(0,1fr) 36px; gap:10px; padding:12px; }
.bs-pricing .bs-card__back { transform:rotateY(180deg); }
.bs-pricing .bs-card__back-content { min-height:0; display:flex; flex-direction:column; justify-content:center; padding:12px 14px; overflow:auto; }
.bs-pricing .bs-card__toolbar, .bs-pricing .bs-card__media { min-width:0; min-height:0; }
.bs-pricing .bs-card__media { display:flex; align-items:center; justify-content:center; }
.bs-pricing .bs-toggle { display:flex; gap:3px; height:28px; border:1px solid #e1e5eb; padding:2px; border-radius:999px; background:#f0f2f5; }
.bs-pricing .bs-toggle button { display:flex; align-items:center; justify-content:center; gap:5px; flex:1; min-width:0; border:0; border-radius:999px; background:transparent; color:#566173; font-size:10px; line-height:1; font-weight:700; padding:0 4px; }
.bs-pricing .bs-toggle button[aria-pressed="true"] { background:var(--bs-yellow); color:var(--bs-ink); box-shadow:0 1px 3px #17223612; }
.bs-pricing .bs-toggle svg { width:12px; height:12px; }
.bs-pricing .bs-gallery-hint { display:flex; height:28px; align-items:center; gap:6px; color:#566173; font-size:10px; font-weight:600; }
.bs-pricing .bs-gallery-hint span { margin-left:auto; font-weight:400; }
.bs-pricing .bs-collage { position:relative; display:block; width:100%; height:100%; border:0; padding:0; overflow:hidden; border-radius:9px; background:#f0f2f5; }
.bs-pricing .bs-collage__grid { position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:3px; }
.bs-pricing .bs-collage__cell { position:relative; min-width:0; min-height:0; overflow:hidden; }
.bs-pricing .bs-collage__grid--3 .bs-collage__cell { grid-row:span 2; }
.bs-pricing .bs-expand { position:absolute; right:8px; bottom:8px; display:flex; align-items:center; gap:4px; background:var(--bs-yellow); color:var(--bs-ink); border-radius:999px; padding:5px 8px; font-size:9px; font-weight:700; line-height:1; text-transform:uppercase; box-shadow:0 2px 8px #17223630; }
.bs-pricing .bs-expand svg { width:11px; height:11px; }
.bs-image { position:absolute; inset:0; overflow:hidden; background:#e6e8eb; }
.bs-image img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; }
.bs-image--contain img { object-fit:contain; }
.bs-image__preview { filter:blur(2px); }
.bs-image .bs-image__original { opacity:0; transition:opacity .2s ease; }
.bs-image .bs-image__original.is-ready { opacity:1; }
.bs-image__status { position:absolute; left:8px; bottom:8px; background:#172236db; color:white; border-radius:4px; padding:5px 8px; font:11px/1.4 Montserrat,Arial,sans-serif; }
.bs-pricing .bs-compare { position:relative; width:100%; max-width:100%; height:100%; border-radius:9px; overflow:hidden; isolation:isolate; background:#f2f1ed; }
.bs-pricing .bs-compare .bs-image { background:#f2f1ed; }
.bs-pricing .bs-compare .bs-image img { object-fit:contain; }
.bs-pricing .bs-compare__after { position:absolute; inset:0; }
.bs-pricing .bs-compare__divider { position:absolute; top:0; bottom:0; width:2px; background:#fff; transform:translateX(-50%); pointer-events:none; box-shadow:0 0 4px #17223655; }
.bs-pricing .bs-compare__divider span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:32px; height:32px; border-radius:50%; border:2px solid #fff; background:var(--bs-ink); color:#fff; box-shadow:0 2px 8px #17223655; }
.bs-pricing .bs-compare__label { position:absolute; bottom:8px; border-radius:999px; padding:4px 7px; background:var(--bs-yellow); color:var(--bs-ink); font-size:9px; font-weight:700; line-height:1; text-transform:uppercase; pointer-events:none; }
.bs-pricing .bs-compare__label--left { left:8px; }
.bs-pricing .bs-compare__label--right { right:8px; }
.bs-pricing .bs-compare__input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; touch-action:pan-y; }
.bs-pricing .bs-compare:focus-within { outline:3px solid #c95b17; outline-offset:2px; }
.bs-pricing .bs-starting { display:flex; justify-content:center; align-items:center; gap:10px; }
.bs-pricing .bs-starting::before, .bs-pricing .bs-starting::after { content:""; flex:1; max-width:80px; height:1px; background:linear-gradient(90deg,transparent,#ff914d88); }
.bs-pricing .bs-starting::after { transform:rotate(180deg); }
.bs-pricing .bs-starting > span:first-child { color:#657085; text-transform:uppercase; letter-spacing:.12em; font-size:9px; font-weight:600; }
.bs-pricing .bs-price { display:inline-grid; grid-template-columns:34px 54px; align-items:baseline; gap:6px; text-align:left; font-variant-numeric:tabular-nums; white-space:nowrap; }
.bs-pricing .bs-price del { color:#77808d; font-size:11px; line-height:1; font-weight:400; }
.bs-pricing .bs-price strong { color:var(--bs-orange); font:700 22px/1 Montserrat,Arial,sans-serif; letter-spacing:-.04em; }
.bs-pricing .bs-card__footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 14px; border-top:1px solid #edf0f3; }
.bs-pricing .bs-flip { display:inline-flex; align-items:center; justify-content:center; gap:5px; border:1px solid #d6dbe2; border-radius:999px; background:white; color:var(--bs-ink); height:34px; min-width:122px; padding:0 10px; font-size:10px; font-weight:700; }
.bs-pricing .bs-flip svg { width:13px; height:13px; }
.bs-pricing .bs-flip:hover { border-color:var(--bs-orange); background:#fff3e9; }
.bs-pricing .bs-book { display:inline-flex; align-items:center; justify-content:center; height:34px; padding:0 17px; border-radius:999px; background:var(--bs-orange); color:var(--bs-ink); font-size:10px; font-weight:700; line-height:1; text-transform:uppercase; }
.bs-pricing .bs-book:hover { background:var(--bs-yellow); }
.bs-pricing .bs-pricing-label { text-align:center; margin:0 0 12px; color:#657085; font-size:9px; font-weight:600; letter-spacing:.14em; line-height:14px; text-transform:uppercase; }
.bs-pricing .bs-tiers { width:100%; max-width:430px; list-style:none; padding:0; margin:0 auto; }
.bs-pricing .bs-tiers li { display:grid; grid-template-columns:minmax(8px,1fr) minmax(0,140px) 94px minmax(8px,1fr); align-items:center; gap:12px; min-height:48px; font-size:12px; line-height:1.25; }
.bs-pricing .bs-tiers li::before, .bs-pricing .bs-tiers li::after { content:""; height:7px; border-top:1px solid #ff914d88; border-bottom:1px solid #ff914d33; }
.bs-pricing .bs-tiers li:last-child { border-bottom:0; }
.bs-pricing .bs-tiers strong { font-weight:700; }
.bs-pricing .bs-tiers small { display:block; color:#657085; font-size:10px; font-weight:400; line-height:1.3; margin-top:2px; }
.bs-pricing .bs-cta { margin-top:32px; display:flex; flex-direction:column; align-items:center; gap:14px; border-radius:20px; background:var(--bs-ink); padding:30px 20px; text-align:center; }
.bs-pricing .bs-cta h2 { margin:0; font:400 32px/1.1 'Bebas Neue','Arial Narrow',sans-serif; letter-spacing:.02em; color:white; }
.bs-pricing .bs-cta p { max-width:460px; color:#dfe4ea; font:400 12px/1.6 Montserrat,Arial,sans-serif; margin:0; }
.bs-pricing .bs-book--large { font-size:11px; height:42px; padding:0 26px; }
.bs-gallery-layer { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:16px; background:#101827bc; pointer-events:none; }
.bs-gallery { pointer-events:auto; width:min(100%,960px); max-height:calc(100dvh - 32px); overflow:auto; padding:14px; border:1px solid #ffffff22; border-radius:16px; background:#172236; color:#fff; box-shadow:0 20px 70px #0007; }
.bs-gallery__header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.bs-gallery__header p { color:#fff; font:600 14px/1.4 Montserrat,Arial,sans-serif; margin:0; }
.bs-gallery button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:36px; border:1px solid #ffffff33; border-radius:999px; padding:6px 12px; background:#ffffff12; color:#fff; font-size:12px; font-weight:600; }
.bs-gallery button:hover { background:#ff914d; color:#172236; }
.bs-gallery__header button { width:36px; padding:6px; flex:none; }
.bs-gallery__photo { position:relative; height:min(56dvh,560px); overflow:hidden; border-radius:8px; }
.bs-gallery__photo .bs-image { background:#0b111d; }
.bs-gallery__nav { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:10px 0; font-size:12px; font-variant-numeric:tabular-nums; }
.bs-gallery__thumbnails { display:flex; gap:6px; overflow-x:auto; padding:3px 0; }
.bs-gallery__thumbnails button { flex:none; width:62px; height:42px; min-height:0; padding:0; border:2px solid transparent; border-radius:5px; overflow:hidden; opacity:.6; }
.bs-gallery__thumbnails button[aria-current="true"] { opacity:1; border-color:#ffde59; }
.bs-gallery__thumbnails img { display:block; width:100%; height:100%; object-fit:cover; }
@media (max-width:799px) {
 .bs-pricing .bs-cards { grid-template-columns:minmax(0,1fr); gap:20px; }
 .bs-pricing .bs-content { padding:0 16px; }
 .bs-pricing .bs-intro { padding:34px 16px 24px; }
 .bs-pricing .bs-intro__description { font-size:14px; }
 .bs-pricing .bs-card__heading h2 { font-size:25px; }
 .bs-pricing .bs-tiers li { gap:8px; }
 .bs-gallery-layer { padding:10px; }
 .bs-gallery { padding:10px; max-height:calc(100dvh - 20px); }
 .bs-gallery__photo { height:min(45dvh,400px); }
}
@media (prefers-reduced-motion:reduce) {
 .bs-pricing .bs-card__rotator, .bs-pricing .bs-card__face, .bs-pricing .bs-card__face[aria-hidden="true"], .bs-image .bs-image__original { transition:none; }
}