/* Reely Area Guides Styles */
.aag-wrap{--aag-ink:#022A4C;--aag-ease:cubic-bezier(.22,.61,.36,1);font-family:"Proxima Nova",system-ui,sans-serif;position:relative;z-index:1}

		/* ── Flex grid (no CSS grid, no aspect-ratio) ── */
		.aag-grid{display:flex;flex-wrap:wrap;gap:16px}

		/* ── Hero card — fixed height, flex column ── */
		.aag-card{
			flex:0 0 calc((100% - (var(--aag-cols,3) - 1) * 16px) / var(--aag-cols,3));
			max-width:calc((100% - (var(--aag-cols,3) - 1) * 16px) / var(--aag-cols,3));
			position:relative;
			display:flex;
			flex-direction:column;
			justify-content:flex-end;
			height:385px;
			overflow:hidden;
			background:#021221;
			text-decoration:none;
			color:#fff;
			border-radius:10px;
			isolation:isolate;
			z-index:1;
		}
		.aag-media{position:absolute;inset:0;z-index:0}
		.aag-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--aag-ease)}
		.aag-card:hover .aag-media img{transform:scale(1.06)}
		.aag-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(2,18,33,.92) 0%,rgba(2,18,33,.45) 32%,rgba(2,18,33,0) 60%,rgba(2,18,33,0) 82%,rgba(2,18,33,.28) 100%)}

		/* ── VIEW label (hidden until hover) ── */
		.aag-view{position:absolute;top:32px;right:32px;display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;z-index:3;opacity:0;transform:translateY(-6px);transition:opacity .4s var(--aag-ease),transform .4s var(--aag-ease)}
		.aag-card:hover .aag-view{opacity:1;transform:translateY(0)}
		.aag-line{display:block;width:62px;height:1px;background:#fff;transition:width .4s var(--aag-ease)}
		.aag-card:hover .aag-line{width:92px}

		/* ── Body (in normal flow, pushed to bottom by justify-content) ── */
		.aag-body{position:relative;z-index:2;padding:25px}
		.aag-name{display:block;font-size:22px;line-height:1.05;font-weight:600;letter-spacing:-.01em;margin:0 0 5px;color:#fff}
		.aag-desc{font-size:15px;line-height:1.2;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:0;opacity:0;transition:max-height .45s var(--aag-ease),opacity .4s var(--aag-ease)}
		.aag-card:hover .aag-desc{max-height:2.8em;opacity:1}

		/* ── Load more ── */
		.aag-more-wrap{text-align:center;margin-top:40px}
		.aag-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 48px;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--aag-ink);cursor:pointer;background:transparent;color:var(--aag-ink);font-family:inherit;transition:all .3s var(--aag-ease);border-radius:0}
		.aag-more-btn:hover{background:var(--aag-ink);color:#fff}
		.aag-more-btn.loading{opacity:.5;pointer-events:none}

		/* ── Responsive (override flex-basis per breakpoint) ── */
		@media(max-width:1024px){
			.aag-card{flex:0 0 calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2);height:380px}
			.aag-name{font-size:24px}
		}
		@media(max-width:767px){
			.aag-card{flex:0 0 100%;max-width:100%;height:300px}
			.aag-body{padding:20px}
			.aag-name{font-size:24px}
			/* touch: no hover, so reveal by default */
			.aag-desc{font-size:14px;max-height:none;opacity:1;-webkit-line-clamp:2}
			.aag-view{top:20px;right:20px;opacity:1;transform:none}
		}


        /* area archive styles */

        		/* ═══════ ARCHIVE WRAPPER ═══════ */
		.aaw-wrap{--aaw-accent:#296059;--aaw-ink:#022A4C;--aaw-muted:#76776F;--aaw-line:rgba(17,18,15,.12);--aaw-line-soft:rgba(17,18,15,.07);--aaw-r:14px;--aaw-ease:cubic-bezier(.22,.61,.36,1);font-family:"Proxima Nova",system-ui,sans-serif;color:var(--aaw-ink)}

		/* ═══════ FILTERS ═══════ */
		.aaw-filters{margin-bottom:24px}
		.aaw-search-row{display:flex;gap:10px;align-items:stretch}
		.aaw-search-box{flex:1;position:relative}
		.aaw-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--aaw-muted);pointer-events:none}
		.aaw-input {
			width: 100% !important;
			padding: 14px 18px 14px 48px !important;
			border: 1px solid var(--aaw-line) !important;
			border-radius: 12px !important;
			font-size: 16px;
			font-family: inherit;
			color: var(--aaw-ink);
			background: #fff;
			transition: border .25s, box-shadow .25s !important;
			-webkit-appearance: none;
		}
		.aaw-input:focus{outline:none;border-color:var(--aaw-accent);box-shadow:0 0 0 3px rgba(41,96,89,.12)}
		.aaw-input::placeholder{color:var(--aaw-muted)}

		.aaw-select{min-width:180px;padding:12px 36px 12px 14px;border:1px solid var(--aaw-line);border-radius:10px;font-size:14px;font-family:inherit;color:var(--aaw-ink);background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border .25s}
		.aaw-select:focus{outline:none;border-color:var(--aaw-accent)}

		.aaw-reset{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1px solid var(--aaw-line);border-radius:10px;font-size:13px;font-weight:600;color:var(--aaw-muted);background:#fff;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}
		.aaw-reset:hover{border-color:#d00;color:#d00}

		/* ═══════ RESULTS BAR ═══════ */
		.aaw-results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--aaw-line-soft)}
		.aaw-count{font-size:15px;font-weight:600;color:var(--aaw-ink)}
		.aaw-sort{padding:8px 32px 8px 12px;border:1px solid var(--aaw-line);border-radius:8px;font-size:13px;font-family:inherit;color:var(--aaw-ink);background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;appearance:none;cursor:pointer;width:max-content}

		/* ═══════ GRID ═══════ */
		.aaw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;min-height:200px}
		.aaw-card{background:#fff;border:1px solid var(--aaw-line);border-radius:var(--aaw-r);overflow:hidden;box-shadow:0 1px 2px rgba(17,18,15,.04),0 18px 40px -24px rgba(17,18,15,.22);transition:transform .4s var(--aaw-ease),box-shadow .4s var(--aaw-ease);display:block;text-decoration:none;color:inherit}
		.aaw-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px -30px rgba(17,18,15,.40)}
		.aaw-card-img{aspect-ratio:16/9;overflow:hidden;position:relative}
		.aaw-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--aaw-ease)}
		.aaw-card:hover .aaw-card-img img{transform:scale(1.07)}
		.aaw-card-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:var(--aaw-ink);font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;display:block;z-index:1}
		.aaw-card-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--aaw-muted);letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#fff,#fff 4px,#eae9e7 4px,#eae9e7 8px)}
		.aaw-card-body{padding:20px}
		.aaw-card-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--aaw-accent);font-weight:600}
		.aaw-card-name{font-size:23px;font-weight:600;margin:5px 0 4px;color:var(--aaw-ink)}
		.aaw-card-meta{color:var(--aaw-muted);font-size:14px}
		.aaw-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:16px;border-top:1px solid var(--aaw-line-soft)}
		.aaw-card-price{font-weight:700;color:var(--aaw-ink)}
		.aaw-card-arr{color:var(--aaw-accent);transition:transform .3s;font-size:18px}
		.aaw-card:hover .aaw-card-arr{transform:translateX(5px)}

		/* ═══════ LOAD MORE ═══════ */
		.aaw-more-wrap{text-align:center;margin-top:40px}
		.aaw-more-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			padding: 12px 48px;
			font-size: 14px !important;
			font-weight: 700;
			letter-spacing: .12em;
			text-transform: uppercase;
			border: 1.5px solid var(--aaw-ink) !important;
			cursor: pointer !important;
			background: transparent;
			color: var(--aaw-ink);
			font-family: inherit !important;
			transition: all .3s var(--aaw-ease);
			border-radius: 0;
		}
		.aaw-more-btn:hover{background:var(--aaw-ink);color:#fff}
		.aaw-more-btn.loading{opacity:.5;pointer-events:none}

		/* ═══════ LOADING / EMPTY ═══════ */
		.aaw-loading{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--aaw-muted);font-size:15px}
		.aaw-empty{text-align:center;padding:60px 20px;display:none;flex-direction:column;align-items:center}
		.aaw-empty p{font-size:16px;color:var(--aaw-muted);margin-bottom:12px}
		.aaw-reset-link{background:none;border:none;color:var(--aaw-accent);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;text-decoration:underline}

		/* ═══════ SKELETON ═══════ */
		.aaw-skeleton{background:#fff;border:1px solid var(--aaw-line);border-radius:var(--aaw-r);overflow:hidden}
		.aaw-skeleton .aaw-sk-img{aspect-ratio:16/9;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:aawShimmer 1.5s infinite}
		.aaw-skeleton .aaw-sk-body{padding:20px}
		.aaw-skeleton .aaw-sk-line{height:14px;background:#f0f0f0;border-radius:6px;margin-bottom:10px}
		.aaw-skeleton .aaw-sk-line.w60{width:60%}
		.aaw-skeleton .aaw-sk-line.w80{width:80%}
		.aaw-skeleton .aaw-sk-line.w40{width:40%}
		@keyframes aawShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

		/* ═══════ RESPONSIVE ═══════ */
		@media(max-width:1024px){
			.aaw-grid{grid-template-columns:repeat(2,1fr);gap:16px}
		}
		@media(max-width:767px){
			.aaw-grid{grid-template-columns:1fr;gap:14px}
			.aaw-search-row{flex-direction:column}
			.aaw-select{width:100%;min-width:auto}
			.aaw-reset{width:100%;justify-content:center}
			.aaw-card-name{font-size:20px}
			.aaw-results-bar{flex-direction:row;gap:10px;align-items:center}
		}

        /* Dev Archive styles */

        		.deva-wrap{--deva-accent:#296059;--deva-ink:#022A4C;--deva-muted:#76776F;--deva-line:rgba(17,18,15,.12);--deva-line-soft:rgba(17,18,15,.07);--deva-r:14px;--deva-ease:cubic-bezier(.22,.61,.36,1);font-family:"Proxima Nova",system-ui,sans-serif;color:var(--deva-ink)}

		/* ═══ SEARCH ═══ */
		.deva-filters{margin-bottom:20px}
		.deva-search-row{display:flex;gap:10px}
		.deva-search-box{flex:1;position:relative}
		.deva-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--deva-muted);pointer-events:none}
		.deva-input{width:100%!important;padding:14px 18px 14px 48px!important;border:1px solid var(--deva-line)!important;border-radius:12px!important;font-size:16px;font-family:inherit;color:var(--deva-ink);background:#fff;transition:border .25s,box-shadow .25s!important;-webkit-appearance:none}
		.deva-input:focus{outline:none;border-color:var(--deva-accent)!important;box-shadow:0 0 0 3px rgba(41,96,89,.12)}
		.deva-input::placeholder{color:var(--deva-muted)}

		/* ═══ RESULTS BAR ═══ */
		.deva-results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--deva-line-soft)}
		.deva-count{font-size:15px;font-weight:600;color:var(--deva-ink)}
		.deva-sort {
			padding: 8px 32px 8px 12px;
			border: 1px solid var(--deva-line);
			border-radius: 8px;
			font-size: 13px;
			font-family: inherit;
			color: var(--deva-ink);
			background: #fff url(data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E) no-repeat right 10px center;
			-webkit-appearance: none;
			appearance: none;
			cursor: pointer;
			max-width: fit-content;
		}
		/* ═══ GRID ═══ */
		.deva-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;min-height:200px}
		.deva-card{background:#fff;border:1px solid var(--deva-line);border-radius:var(--deva-r);overflow:hidden;box-shadow:0 1px 2px rgba(17,18,15,.04),0 18px 40px -24px rgba(17,18,15,.22);transition:transform .4s var(--deva-ease),box-shadow .4s var(--deva-ease);display:flex;flex-direction:column;text-decoration:none;color:inherit}
		.deva-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px -30px rgba(17,18,15,.40)}

		/* card top — logo + badge */
		.deva-card-top{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;gap:12px}
		.deva-card-logo {
			width: 90px;
			height: 90px;
			border-radius: 0px;
			overflow: hidden;
			background: #f2f0ec;
			border: 1px solid var(--deva-line-soft);
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
		}   
		a.deva-card {
			background: #f2f0ec52;
		}
		input#devaSearch:focus-visible {
			outline: 0 !important;
			box-shadow: none !important;
		}


		.deva-card-logo img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			padding: 6px;
			border-radius: 15px;
		}
		.deva-card-initial{font-family:"Proxima Nova",system-ui,sans-serif;font-size:28px;font-weight:700;color:var(--deva-accent)}
		.deva-card-badge{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--deva-accent);color:#fff;white-space:nowrap}
		.deva-card-badge--none{background:#f2f0ec;color:var(--deva-muted)}

		/* card body */
		.deva-card-body{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column}
		.deva-card-name{font-family:"Proxima Nova",system-ui,sans-serif;font-size:20px;font-weight:600;margin:0 0 6px;color:var(--deva-ink);line-height:1.2}
		.deva-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--deva-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
		.deva-dot{width:6px;height:6px;border-radius:50%;background:#6FCFC5;box-shadow:0 0 0 3px rgba(111,207,197,.2)}
		.deva-card-desc{font-size:14px;color:var(--deva-muted);line-height:1.55;margin:0 0 auto;padding-bottom:16px}
		.deva-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--deva-line-soft);margin-top:auto}
		.deva-card-link{font-size:14px;font-weight:700;color:var(--deva-accent);letter-spacing:.04em}
		.deva-card-arr{color:var(--deva-accent);transition:transform .3s;font-size:18px}
		.deva-card:hover .deva-card-arr{transform:translateX(5px)}

		/* ═══ LOAD MORE ═══ */
		.deva-more-wrap{text-align:center;margin-top:40px}
		.deva-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 48px;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--deva-ink);cursor:pointer;background:transparent;color:var(--deva-ink);font-family:inherit;transition:all .3s var(--deva-ease)}
		.deva-more-btn:hover{background:var(--deva-ink);color:#fff}
		.deva-more-btn.loading{opacity:.5;pointer-events:none}

		/* ═══ LOADING / EMPTY ═══ */
		.deva-loading{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--deva-muted);font-size:15px}
		.deva-empty{text-align:center;padding:60px 20px;display:none;flex-direction:column;align-items:center}
		.deva-empty p{font-size:16px;color:var(--deva-muted);margin-bottom:12px}
		.deva-reset-link{background:none;border:none;color:var(--deva-accent);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;text-decoration:underline}

		/* ═══ SKELETON ═══ */
		.deva-skeleton{background:#fff;border:1px solid var(--deva-line);border-radius:var(--deva-r);overflow:hidden;padding:20px}
		.deva-skeleton .deva-sk-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}
		.deva-skeleton .deva-sk-circle{width:64px;height:64px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:devaShimmer 1.5s infinite;flex-shrink:0}
		.deva-skeleton .deva-sk-line{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:devaShimmer 1.5s infinite;border-radius:6px;margin-bottom:10px}
		.deva-skeleton .deva-sk-line.w60{width:60%}.deva-skeleton .deva-sk-line.w80{width:80%}.deva-skeleton .deva-sk-line.w40{width:40%}
		@keyframes devaShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

		/* ═══ RESPONSIVE ═══ */
		@media(max-width:1024px){.deva-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
		@media(max-width:767px){
			.deva-grid{grid-template-columns:1fr;gap:14px}
			.deva-card-name{font-size:18px}
			.deva-results-bar{flex-direction:row;gap:10px;align-items:center}
			.deva-search-row{flex-direction:column}
		}

        /* Properties archive styles */

        		.opa-card-area img{max-width:20px;margin-top:-1px}
		.opa-card-meta .opa-card-pill{display:flex;align-items:center;gap:5px;color:#686868}
		.opa-card-meta .opa-card-pill img{max-width:20px}
		.opa-card-meta .opa-card-pill:not(:last-of-type){margin-bottom:5px}
		.opa-combo-opt.is-disabled{color:var(--opa-muted);cursor:default;pointer-events:none;opacity:.55}
		.opa-combo-wrap{position:relative;flex:1;min-width:160px}
		.opa-combo-wrap input.opa-select{width:100%;min-width:0;background-image:none;padding-right:36px}
		.opa-combo-wrap::after{content:"";position:absolute;right:14px;top:50%;width:12px;height:8px;transform:translateY(-50%);pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;transition:transform .3s var(--opa-ease)}
		.opa-combo-wrap.open::after{transform:translateY(-50%) rotate(180deg)}
		.opa-combo-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:#fff;border:1px solid var(--opa-line);border-radius:10px;max-height:200px;overflow-y:auto;box-shadow:0 12px 28px -12px rgba(17,18,15,.28);display:none}
		.opa-combo-wrap.open .opa-combo-list{display:block}
		.opa-combo-opt{padding:9px 14px;font-size:14px;color:var(--opa-ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
		.opa-combo-opt:hover,.opa-combo-opt.active{background:rgba(41,96,89,.08)}
		.opa-combo-opt.hidden{display:none}
		@media(max-width:767px){.opa-combo-wrap{width:100%;min-width:auto}}
		a.opa-card{background:#FBFAF9}
		.opa-wrap{--opa-accent:#296059;--opa-ink:#022A4C;--opa-muted:#76776F;--opa-line:rgba(17,18,15,.12);--opa-line-soft:rgba(17,18,15,.07);--opa-r:14px;--opa-ease:cubic-bezier(.22,.61,.36,1);font-family:"Proxima Nova",system-ui,sans-serif;color:var(--opa-ink)}
		.opa-filters{margin-bottom:24px}
		.opa-search-row{display:flex;gap:10px;margin-bottom:14px;align-items:stretch}
		.opa-search-box{flex:1;position:relative}
		.opa-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--opa-muted);pointer-events:none}
		.opa-input{width:100%!important;padding:14px 18px 14px 48px!important;border:1px solid var(--opa-line)!important;border-radius:12px!important;font-size:16px;font-family:inherit;color:var(--opa-ink);background:#fff;transition:border .25s,box-shadow .25s!important;-webkit-appearance:none}
		.opa-input:focus{outline:none;border-color:var(--opa-accent);box-shadow:0 0 0 3px rgba(41,96,89,.12)}
		.opa-input::placeholder{color:var(--opa-muted)}
		.opa-filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
		.opa-select{flex:1;min-width:160px!important;padding:12px 36px 12px 14px!important;border:1px solid var(--opa-line)!important;border-radius:10px!important;font-size:14px;font-family:inherit;color:var(--opa-ink);background:#fff url(data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E) no-repeat right 14px center;-webkit-appearance:none!important;appearance:none!important;cursor:pointer;transition:border .25s!important}
		.opa-select:focus{outline:none;border-color:var(--opa-accent)}
		.opa-reset{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1px solid var(--opa-line);border-radius:10px;font-size:13px;font-weight:600;color:var(--opa-muted);background:#fff;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}
		.opa-reset:hover{border-color:#d00;color:#d00}
		.opa-filter-row{display:none}
		.opa-filter-row.open{display:flex}
		.opa-adv-toggle{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--opa-line);border-radius:10px;font-size:13px;font-weight:600;color:#ffffff;background:#02294c;cursor:pointer;font-family:inherit;transition:all .25s;white-space:nowrap;flex-shrink:0}
		button#opaAdvToggle:hover{background:#03294C;color:white}
		.opa-filters button:hover,.opa-filters button:focus,button#opaMoreBtn:focus{background:#03294C;color:white;border-color:#03294C}
		.opa-adv-toggle.active{border-color:var(--opa-accent);color:var(--opa-accent);background:rgba(41,96,89,.05)}
		.opa-adv-toggle svg{transition:transform .3s}
		.opa-adv-toggle.active svg{transform:rotate(180deg)}
		@media(max-width:767px){.opa-adv-toggle{width:100%}}
		@media(max-width:767px){.opa-search-row{flex-direction:column}.opa-adv-toggle{width:100%;justify-content:center}}
		.opa-tiers{display:flex;gap:8px;flex-wrap:wrap;margin-block:24px}
		.opa-tier{padding:11px 24px;border-radius:999px;border:1px solid var(--opa-line);font-weight:600;font-size:14px;color:var(--opa-muted);background:#fff;cursor:pointer;transition:all .3s var(--opa-ease);font-family:inherit;white-space:nowrap}
		.opa-tier:hover{border-color:var(--opa-ink);color:var(--opa-ink)}
		.opa-tier.active{background:var(--opa-ink);color:#fff;border-color:var(--opa-ink)}
		button.opa-tier{padding:5px 16px;font-size:12px;color:black}
		button.opa-tier:hover{padding:5px 16px;font-size:12px;color:white;background:#022A4C}
		input.opa-combo{background-image:none;padding-right:14px}
		input.opa-combo::-webkit-calendar-picker-indicator{cursor:pointer}
		.opa-results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--opa-line-soft)}
		.opa-count{font-size:15px;font-weight:600;color:var(--opa-ink)}
		.opa-sort{padding:8px 32px 8px 12px;border:1px solid var(--opa-line);border-radius:8px;font-size:13px;font-family:inherit;color:var(--opa-ink);background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;appearance:none;cursor:pointer;width:max-content}
		.opa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;min-height:200px}
		.opa-card{background:#fff;border:1px solid var(--opa-line);border-radius:var(--opa-r);overflow:hidden;box-shadow:0 1px 2px rgba(17,18,15,.04),0 18px 40px -24px rgba(17,18,15,.22);transition:transform .4s var(--opa-ease),box-shadow .4s var(--opa-ease);display:block;text-decoration:none;color:inherit}
		.opa-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px -30px rgba(17,18,15,.40)}
		.opa-card-img{aspect-ratio:4/2.5;overflow:hidden;position:relative}
		.opa-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--opa-ease)}
		.opa-card:hover .opa-card-img img{transform:scale(1.07)}
		.opa-card-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:var(--opa-ink);font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;display:block;z-index:1}
		.opa-card-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--opa-muted);letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#fff,#fff 4px,#eae9e7 4px,#eae9e7 8px)}
		.opa-card-body{padding:20px}
		.opa-card-dev{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--opa-accent);font-weight:600}
		.opa-card-name{font-size:23px;font-weight:600;margin:5px 0 4px;color:var(--opa-ink)}
		.opa-card-area{color:#686868;font-size:16px;display:flex;align-items:center;gap:5px;margin-bottom:5px}
		.opa-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:16px;border-top:1px solid var(--opa-line-soft)}
		.opa-card-price{font-weight:700;color:var(--opa-ink)}
		.opa-card-arr{color:var(--opa-accent);transition:transform .3s;font-size:18px}
		.opa-card:hover .opa-card-arr{transform:translateX(5px)}
		.opa-more-wrap{text-align:center;margin-top:40px}
		.opa-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 48px;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--opa-ink);cursor:pointer;background:transparent;color:var(--opa-ink);font-family:inherit;transition:all .3s var(--opa-ease)}
		.opa-more-btn:hover{background:var(--opa-ink);color:#fff}
		.opa-more-btn.loading{opacity:.5;pointer-events:none}
		.opa-loading{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--opa-muted);font-size:15px}
		.opa-empty{text-align:center;padding:60px 20px;display:none;flex-direction:column;align-items:center}
		.opa-empty p{font-size:16px;color:var(--opa-muted);margin-bottom:12px}
		.opa-reset-link{background:none;border:none;color:var(--opa-accent);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;text-decoration:underline}
		.opa-skeleton{background:#fff;border:1px solid var(--opa-line);border-radius:var(--opa-r);overflow:hidden}
		.opa-skeleton .opa-sk-img{aspect-ratio:4/2.5;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:opaShimmer 1.5s infinite}
		.opa-skeleton .opa-sk-body{padding:20px}
		.opa-skeleton .opa-sk-line{height:14px;background:#f0f0f0;border-radius:6px;margin-bottom:10px}
		.opa-skeleton .opa-sk-line.w60{width:60%}
		.opa-skeleton .opa-sk-line.w80{width:80%}
		.opa-skeleton .opa-sk-line.w40{width:40%}
		@keyframes opaShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
		@media(max-width:1024px){.opa-grid{grid-template-columns:repeat(2,1fr);gap:16px}.opa-select{min-width:140px}}
		@media(max-width:767px){
			.opa-grid{grid-template-columns:1fr;gap:14px}
			.opa-filter-row{flex-direction:column}
			.opa-select{width:100%;min-width:auto}
			.opa-reset{width:100%;justify-content:center}
			.opa-tiers{gap:6px}
			.opa-tier{padding:9px 16px;font-size:13px}
			.opa-card-name{font-size:20px}
			.opa-results-bar{flex-direction:row;gap:10px;align-items:center}
		}

        /* card shortcodes styles */

        	.rly-sim-badge-status {
		position: absolute;
		top: 14px;
		right: 14px;
		background: rgba(255, 255, 255, .92);
		color: #022A4C;
		font-size: 12px;
		font-weight: 600;
		padding: 6px 12px;
		border-radius: 999px;
		display: block;
		z-index: 1;
		text-transform: uppercase;
	}
	.rly-sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
	.rly-sim{background:#fff;border:1px solid rgba(17,18,15,.12);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(17,18,15,.04),0 18px 40px -24px rgba(17,18,15,.22);transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s cubic-bezier(.22,.61,.36,1);display:block;text-decoration:none;color:inherit}
	.rly-sim:hover{transform:translateY(-6px);box-shadow:0 30px 70px -30px rgba(17,18,15,.40)}
	.rly-sim-img{aspect-ratio:4/2.5;overflow:hidden;position:relative}
	.rly-sim-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
	.rly-sim:hover .rly-sim-img img{transform:scale(1.07)}
	.rly-sim-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:#022A4C;font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;display:block;z-index:1}
	.rly-sim-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#76776F;letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#fff,#fff 4px,#eae9e7 4px,#eae9e7 8px)}
	.rly-sim-body{padding:20px}
	.rly-sim-dev{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#296059;font-weight:600}
	.rly-sim-name{font-size:23px;font-weight:600;margin:5px 0 4px;color:#022A4C}
	.rly-sim-area{color:#000;font-size:16px}
	.rly-sim-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:16px;border-top:1px solid rgba(17,18,15,.07)}
	.rly-sim-price{font-weight:700;color:#022A4C}
	.rly-sim-arr{color:#296059;transition:transform .3s;font-size:18px}
	.rly-sim:hover .rly-sim-arr{transform:translateX(5px)}
	@media(max-width:820px){.rly-sim-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
	.opa-card-area img {
    max-width: 20px;
    margin-top: -1px
}

.opa-card-meta .opa-card-pill {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #686868
}

.opa-card-meta .opa-card-pill img {
    max-width: 20px
}

.opa-card-meta .opa-card-pill:not(:last-of-type) {
    margin-bottom: 5px
}

.opa-combo-opt.is-disabled {
    color: var(--opa-muted);
    cursor: default;
    pointer-events: none;
    opacity: .55
}

.opa-combo-wrap {
    position: relative;
    flex: 1;
    min-width: 160px
}

.opa-combo-wrap input.opa-select {
    width: 100%;
    min-width: 0;
    background-image: none;
    padding-right: 36px
}

.opa-combo-wrap::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 12px;
    height: 8px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    transition: transform .3s var(--opa-ease)
}

.opa-combo-wrap.open::after {
    transform: translateY(-50%) rotate(180deg)
}

.opa-combo-list {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 50;
    background: #fff;
    border: 1px solid var(--opa-line);
    border-radius: 10px;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 12px 28px -12px rgba(17,18,15,.28);
    display: none
}

.opa-combo-wrap.open .opa-combo-list {
    display: block
}

.opa-combo-opt {
    padding: 9px 14px;
    font-size: 14px;
    color: var(--opa-ink);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.opa-combo-opt:hover,.opa-combo-opt.active {
    background: rgba(41,96,89,.08)
}

.opa-combo-opt.hidden {
    display: none
}

@media(max-width: 767px) {
    .opa-combo-wrap {
        width:100%;
        min-width: auto
    }
}

a.opa-card {
    background: #FBFAF9;
}

.rly-sim-grid {
    --opa-accent: #296059;
    --opa-ink: #022A4C;
    --opa-muted: #76776F;
    --opa-line: rgba(17,18,15,.12);
    --opa-line-soft: rgba(17,18,15,.07);
    --opa-r: 14px;
    --opa-ease: cubic-bezier(.22,.61,.36,1);
    font-family: "Proxima Nova",system-ui,sans-serif;
    color: var(--opa-ink)
}

.opa-filters {
    margin-bottom: 24px
}

.opa-search-row {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    align-items: stretch
}

.opa-search-box {
    flex: 1;
    position: relative
}

.opa-search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--opa-muted);
    pointer-events: none
}

.opa-input {
    width: 100%!important;
    padding: 14px 18px 14px 48px!important;
    border: 1px solid var(--opa-line)!important;
    border-radius: 12px!important;
    font-size: 16px;
    font-family: inherit;
    color: var(--opa-ink);
    background: #fff;
    transition: border .25s,box-shadow .25s!important;
    -webkit-appearance: none
}

.opa-input:focus {
    outline: none;
    border-color: var(--opa-accent);
    box-shadow: 0 0 0 3px rgba(41,96,89,.12)
}

.opa-input::placeholder {
    color: var(--opa-muted)
}

.opa-filter-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center
}

.opa-select {
    flex: 1;
    min-width: 160px!important;
    padding: 12px 36px 12px 14px!important;
    border: 1px solid var(--opa-line)!important;
    border-radius: 10px!important;
    font-size: 14px;
    font-family: inherit;
    color: var(--opa-ink);
    background: #fff url(data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E) no-repeat right 14px center;
    -webkit-appearance: none!important;
    appearance: none!important;
    cursor: pointer;
    transition: border .25s!important
}

.opa-select:focus {
    outline: none;
    border-color: var(--opa-accent)
}

.opa-reset {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 18px;
    border: 1px solid var(--opa-line);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--opa-muted);
    background: #fff;
    cursor: pointer;
    transition: all .2s;
    font-family: inherit;
    white-space: nowrap
}

.opa-reset:hover {
    border-color: #d00;
    color: #d00
}

.opa-filter-row {
    display: none
}

.opa-filter-row.open {
    display: flex
}

.opa-adv-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: 1px solid var(--opa-line);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    background: #02294c;
    cursor: pointer;
    font-family: inherit;
    transition: all .25s;
    white-space: nowrap;
    flex-shrink: 0
}

button#opaAdvToggle:hover {
    background: #03294C;
    color: white
}

.opa-filters button:hover,.opa-filters button:focus,button#opaMoreBtn:focus {
    background: #03294C;
    color: white;
    border-color: #03294C
}

.opa-adv-toggle.active {
    border-color: var(--opa-accent);
    color: var(--opa-accent);
    background: rgba(41,96,89,.05)
}

.opa-adv-toggle svg {
    transition: transform .3s
}

.opa-adv-toggle.active svg {
    transform: rotate(180deg)
}

@media(max-width: 767px) {
    .opa-adv-toggle {
        width:100%
    }
}

@media(max-width: 767px) {
    .opa-search-row {
        flex-direction:column
    }

    .opa-adv-toggle {
        width: 100%;
        justify-content: center
    }
}

.opa-tiers {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-block:24px}

.opa-tier {
    padding: 11px 24px;
    border-radius: 999px;
    border: 1px solid var(--opa-line);
    font-weight: 600;
    font-size: 14px;
    color: var(--opa-muted);
    background: #fff;
    cursor: pointer;
    transition: all .3s var(--opa-ease);
    font-family: inherit;
    white-space: nowrap
}

.opa-tier:hover {
    border-color: var(--opa-ink);
    color: var(--opa-ink)
}

.opa-tier.active {
    background: var(--opa-ink);
    color: #fff;
    border-color: var(--opa-ink)
}

button.opa-tier {
    padding: 5px 16px;
    font-size: 12px;
    color: black
}

button.opa-tier:hover {
    padding: 5px 16px;
    font-size: 12px;
    color: white;
    background: #022A4C
}

input.opa-combo {
    background-image: none;
    padding-right: 14px
}

input.opa-combo::-webkit-calendar-picker-indicator {
    cursor: pointer
}

.opa-results-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--opa-line-soft)
}

.opa-count {
    font-size: 15px;
    font-weight: 600;
    color: var(--opa-ink)
}

.opa-sort {
    padding: 8px 32px 8px 12px;
    border: 1px solid var(--opa-line);
    border-radius: 8px;
    font-size: 13px;
    font-family: inherit;
    color: var(--opa-ink);
    background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2376776F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: max-content
}

.opa-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
    min-height: 200px
}

.opa-card {
    background: #fff;
    border: 1px solid var(--opa-line);
    border-radius: var(--opa-r);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(17,18,15,.04),0 18px 40px -24px rgba(17,18,15,.22);
    transition: transform .4s var(--opa-ease),box-shadow .4s var(--opa-ease);
    display: block;
    text-decoration: none;
    color: inherit
}

.opa-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 70px -30px rgba(17,18,15,.40)
}

.opa-card-img {
    aspect-ratio: 4/2.5;
    overflow: hidden;
    position: relative
}

.opa-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .9s var(--opa-ease)
}

.opa-card:hover .opa-card-img img {
    transform: scale(1.07)
}

.opa-card-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(255,255,255,.92);
    color: var(--opa-ink);
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 999px;
    display: block;
    z-index: 1
}

.opa-card-ph {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--opa-muted);
    letter-spacing: .06em;
    text-transform: uppercase;
    background: repeating-linear-gradient(45deg,#fff,#fff 4px,#eae9e7 4px,#eae9e7 8px)
}

.opa-card-body {
    padding: 20px
}

.opa-card-dev {
    font-size: 14px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--opa-accent);
    font-weight: 600
}

.opa-card-name {
    font-size: 23px;
    font-weight: 600;
    margin: 5px 0 4px;
    color: var(--opa-ink)
}

.opa-card-area {
    color: #686868;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px
}

.opa-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 16px;
    border-top: 1px solid var(--opa-line-soft)
}

.opa-card-price {
    font-weight: 700;
    color: var(--opa-ink)
}

.opa-card-arr {
    color: var(--opa-accent);
    transition: transform .3s;
    font-size: 18px
}

.opa-card:hover .opa-card-arr {
    transform: translateX(5px)
}

.opa-more-wrap {
    text-align: center;
    margin-top: 40px
}

.opa-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 48px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    border: 2px solid var(--opa-ink);
    cursor: pointer;
    background: transparent;
    color: var(--opa-ink);
    font-family: inherit;
    transition: all .3s var(--opa-ease)
}

.opa-more-btn:hover {
    background: var(--opa-ink);
    color: #fff
}

.opa-more-btn.loading {
    opacity: .5;
    pointer-events: none
}

.opa-loading {
    grid-column: 1/-1;
    text-align: center;
    padding: 60px 20px;
    color: var(--opa-muted);
    font-size: 15px
}

.opa-empty {
    text-align: center;
    padding: 60px 20px;
    display: none;
    flex-direction: column;
    align-items: center
}

.opa-empty p {
    font-size: 16px;
    color: var(--opa-muted);
    margin-bottom: 12px
}

.opa-reset-link {
    background: none;
    border: none;
    color: var(--opa-accent);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    font-family: inherit;
    text-decoration: underline
}

.opa-skeleton {
    background: #fff;
    border: 1px solid var(--opa-line);
    border-radius: var(--opa-r);
    overflow: hidden
}

.opa-skeleton .opa-sk-img {
    aspect-ratio: 4/2.5;
    background: linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);
    background-size: 200% 100%;
    animation: opaShimmer 1.5s infinite
}

.opa-skeleton .opa-sk-body {
    padding: 20px
}

.opa-skeleton .opa-sk-line {
    height: 14px;
    background: #f0f0f0;
    border-radius: 6px;
    margin-bottom: 10px
}

.opa-skeleton .opa-sk-line.w60 {
    width: 60%
}

.opa-skeleton .opa-sk-line.w80 {
    width: 80%
}

.opa-skeleton .opa-sk-line.w40 {
    width: 40%
}

@keyframes opaShimmer {
    0% {
        background-position: 200% 0
    }

    100% {
        background-position: -200% 0
    }
}

@media(max-width: 1024px) {
    .opa-grid {
        grid-template-columns:repeat(2,1fr);
        gap: 16px
    }

    .opa-select {
        min-width: 140px
    }
}

@media(max-width: 767px) {
    .opa-grid {
        grid-template-columns:1fr;
        gap: 14px
    }

    .opa-filter-row {
        flex-direction: column
    }

    .opa-select {
        width: 100%;
        min-width: auto
    }

    .opa-reset {
        width: 100%;
        justify-content: center
    }

    .opa-tiers {
        gap: 6px
    }

    .opa-tier {
        padding: 9px 16px;
        font-size: 13px
    }

    .opa-card-name {
        font-size: 20px
    }

    .opa-results-bar {
        flex-direction: row;
        gap: 10px;
        align-items: center
    }
}


/* homepage developers styles */

	.rly-dev-section{width:100%;margin-bottom:40px}
	.rly-dev-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
	.rly-dev-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:#1a1a1a}
	.rly-dev-see-all{font-size:13px;font-weight:600;color:#1a1a1a;text-decoration:none;display:flex;align-items:center;gap:6px;transition:gap .2s}
	.rly-dev-see-all:hover{gap:10px}
	.rly-dev-grid{display:grid;gap:20px}
	.rly-dev-grid--cols-2{grid-template-columns:repeat(2,1fr)}
	.rly-dev-grid--cols-3{grid-template-columns:repeat(3,1fr)}
	.rly-dev-grid--cols-4{grid-template-columns:repeat(4,1fr)}
	.rly-dev-grid--cols-5{grid-template-columns:repeat(5,1fr)}
	.rly-dev-grid--cols-6{grid-template-columns:repeat(6,1fr)}
	.rly-dev-card{display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;border-radius:5px;transition:box-shadow .2s,border-color .2s,transform .2s}
	.rly-dev-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.09);border-color:#d0d0d0;transform:translateY(-2px)}
	.rly-dev-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s}
	.rly-dev-card:hover img{transform:scale(1.06)}
	.rly-dev-card__fallback{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:600;color:#999;letter-spacing:.03em;line-height:1.4;padding:12px}
	.rly-dev-empty{font-size:14px;color:#888}
	@media(max-width:900px){.rly-dev-grid--cols-5,.rly-dev-grid--cols-6,.rly-dev-grid--cols-4{grid-template-columns:repeat(3,1fr)}}
	@media(max-width:560px){.rly-dev-grid{grid-template-columns:repeat(3,1fr)!important}}


    /* single offplan project page style */

    	.hero-btn-solid:hover {
		background: white !important;
		color: black !important;
	}
	.pay-step.reveal.in {
		max-width: calc(33% - 18px) !important;
	}
	.fact-card .btn {
		width: 100%;
		margin-top: 4px;
		background: #296059;
		font-size: 14px;
	}
	.desktop-sticky-cta {
		position: fixed;
		bottom: 0;
		background: #e47b3a;
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: center;
		border-top: 1px solid rgb(17 18 15 / 5%);
		z-index:99999999;
	}

	.desktop-sticky-cta button {
		background: transparent !important;
		font-size: 14px !important;
		color: white !important;
		width: 100%;
		padding: 15px;
	}

	.desktop-sticky-cta h2 {
		font-size: 20px;
		border-right: 1px solid black;
		padding-right: 10px;
		margin: 0;
	}

	.desktop-sticky-cta button:hover {
		transform: unset !important;
		box-shadow: none !important;
	}
	/* ═══════════════ ENTRANCE ANIMATIONS (enhanced) ═══════════════ */
	.anim-ok .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
	.anim-ok .reveal.in{opacity:1;transform:none}
	.anim-ok .reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
	.anim-ok .reveal-left.in{opacity:1;transform:none}
	.anim-ok .reveal-right{opacity:0;transform:translateX(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
	.anim-ok .reveal-right.in{opacity:1;transform:none}
	.anim-ok .reveal-scale{opacity:0;transform:scale(.92);transition:opacity .9s var(--ease),transform .9s var(--ease)}
	.anim-ok .reveal-scale.in{opacity:1;transform:none}
	/* stagger children */
	.anim-ok .stagger>.reveal:nth-child(1){transition-delay:.05s}
	.anim-ok .stagger>.reveal:nth-child(2){transition-delay:.12s}
	.anim-ok .stagger>.reveal:nth-child(3){transition-delay:.19s}
	.anim-ok .stagger>.reveal:nth-child(4){transition-delay:.26s}
	.anim-ok .stagger>.reveal:nth-child(5){transition-delay:.33s}
	/* counter flash */
	.counter-animate{transition:opacity .2s}

	/* ═══════════════ RESPONSIVE FIXES ═══════════════ */
	/* Tablet (768–1024) */
	@media(max-width:1024px){
		.pay-step.reveal.in {
			max-width: calc(50% - 18px) !important;
		}
		:root{--pad:24px}
		.hero-h1{font-size:clamp(32px,5vw,48px)}
		.overview{gap:36px}
		.fit-list li{font-size:16px;padding:13px 0}
		.loc-grid{gap:28px}
		.enq-left h2{font-size:clamp(28px,4vw,42px)}
		.sim-grid{gap:16px}
		.pay-wrap{gap:14px}
		.pay-step{min-width:180px;padding:22px 22px 20px}
		.pay-step .ppct{font-size:clamp(36px,5vw,52px)}
		.amen-grid{grid-template-columns:repeat(2,1fr)}
		.dev-text h3{font-size:clamp(26px,4vw,36px)}
		.con-bar-row{grid-template-columns:80px 1fr 44px;gap:10px}
		.con-bar-label{font-size:15px}
		.con-bar-pct{font-size:15px}
		.wco-page section{
			padding-top:60px !important;
			padding-bottom:60px!important;
		}
		.wco-page section.has-bg{
			padding-top:60px !important;
			padding-bottom:60px!important;
		}

		section#similar {
			padding-top: 0 !important;
		}
	}
	/* Mobile (< 768) */
	@media(max-width:767px){
		.pay-step.reveal.in {
			max-width: 100% !important;
		}
		:root{--pad:16px}
		.hero{height:clamp(340px,80vw,440px)}
		.hero-h1{font-size:clamp(26px,7vw,36px);max-width:100%}
		.hero-sub{font-size:14px;margin-bottom:24px}
		.hero-cta{flex-direction:column;gap:12px !important}
		.hero-btn-solid,.hero-btn-ghost{width:100%;justify-content:center;padding:14px 20px}
		.sbar{height:48px}
		.sbar-price{font-size:13px}
		.qstats{padding-top:32px}
		.qstats-card{grid-template-columns:1fr 1fr}
		.qs{padding:20px 16px 16px}
		.qv{font-size:clamp(18px,5vw,22px)}
		.sec-title{font-size:clamp(24px,6vw,32px)}
		.sec-lede{font-size:15px}
		.overview{grid-template-columns:1fr;gap:24px}
		.about-body p{font-size:15px}
		.fit-grid{grid-template-columns:1fr}
		.fit-card{padding:24px}
		.fit-list li{font-size:15px;gap:10px;padding:12px 0}
		.plan-panel.active{grid-template-columns:1fr}
		.plan-figure{min-height:220px;padding:24px}
		.plan-info{padding:20px}
		.plan-info h3{font-size:24px}
		.plan-specs .ps .v{font-size:18px}
		.pay-wrap{flex-direction:column}
		.pay-step{min-width:100%;flex:none}
		.pay-step .ppct{font-size:clamp(40px,10vw,54px)}
		.gal{grid-template-columns:1fr 1fr;grid-auto-rows:140px;gap:8px}
		.gal-item.big{grid-column:span 2;grid-row:span 1}
		.gal-item.tall{grid-row:span 1}
		.amen-grid{grid-template-columns:1fr 1fr;gap:10px}
		.amen,.amen-emoji{aspect-ratio:1/1}
		.loc-grid{grid-template-columns:1fr}
		.loc-map{min-height:260px}
		.dist .dk{font-size:15px;gap:10px}
		.dist .dv{font-size:17px}
		.dev-inner{grid-template-columns:1fr}
		.dev-figure{min-height:180px;order:-1}
		.dev-text{padding:28px 20px}
		.dev-text h3{font-size:clamp(24px,6vw,32px)}
		.con-split{grid-template-columns:1fr;min-height:auto}
		.con-right{min-height:260px;order:-1}
		.con-left{padding:32px var(--pad)}
		.con-big{font-size:clamp(52px,14vw,72px)}
		.con-subtitle{font-size:clamp(16px,4vw,20px)}
		.con-bar-row{grid-template-columns:70px 1fr 40px;gap:8px}
		.con-bar-label{font-size:14px}
		.con-bar-pct{font-size:14px}
		.con-badge{font-size:13px;padding:10px 18px}
		.sim-grid{grid-template-columns:1fr;max-width:100%}
		.sim-img{aspect-ratio:16/10}
		.sim-body h4{font-size:20px}
		.enq-grid{grid-template-columns:1fr}
		.enq-left h2{font-size:clamp(26px,6vw,36px)}
		.enq-left p{font-size:15px}
		.enq-contact .ec{font-size:14px;gap:10px}
		.form{padding:20px;border-radius:14px}
		.form-row{grid-template-columns:1fr}
		.seg button{font-size:14px;padding:11px}
		.mcta{display:flex}
		body{padding-bottom:70px}
		.pbar-labels{font-size:10px}
	}
	/* Small mobile (< 400) */
	@media(max-width:399px){
		.qstats-card{grid-template-columns:1fr}
		.qs{border-right:none;border-bottom:1px solid var(--line)}
		.hero{height:320px}
		.hero-btn-solid,.hero-btn-ghost{padding:12px 16px;font-size:12px}
		.con-big{font-size:clamp(44px,12vw,60px)}
		.pay-step .ppct{font-size:36px}
	}