.ht-ctc-chat{--side:right}.ht-ctc-opacity-hide{opacity:0}.ht-ctc-opacity-show{opacity:1}.ht-ctc-display-hide{display:none}.ht-ctc-display-show{display:block}.ht-ctc-display-unset{display:unset!important}@keyframes ctcBounce{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes ctc_fadeIn{0%{opacity:0}to{opacity:1}}.ht-ctc-bounce{animation:ctcBounce .45s ease-out forwards}.ht-ctc-fade-in{animation:ctc_fadeIn .25s ease}.ht_ctc_chat_greetings_box :not(ul):not(ol):not(.ht_ctc_default):not(.ht_ctc_defaults *){box-sizing:border-box;margin:0;padding:0}.ht_ctc_chat_greetings_box ol,.ht_ctc_chat_greetings_box ul{margin-bottom:0;margin-top:0}.ht_ctc_chat_greetings_box_layout{clear:both}.ht_ctc_greetings{pointer-events:none}.ht_ctc_chat_greetings_box{pointer-events:auto}.ht_ctc_greetings_box{opacity:0;transform:scale(0) translate(20px,20px);transform-origin:bottom var(--side,right);transition:all .4s cubic-bezier(.19,1,.22,1)}.ht_ctc_greetings_box.ht_ctc_greetings_box_open{opacity:1;pointer-events:auto;transform:scale(1) translate(0)}.ht_ctc_modal_backdrop{animation:ctc_fadeIn .2s ease;backdrop-filter:blur(1px);background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9}.ht_ctc_notification{animation:ctcBounce .45s ease-out forwards}@keyframes ht_ctc_cta_stick{0%{opacity:0;transform:translateX(6px) scaleX(.6)}to{opacity:1;transform:translateX(0) scaleX(1)}}.ht-ctc-cta-stick{animation-duration:.12s;animation-fill-mode:both;animation-name:ht_ctc_cta_stick;animation-timing-function:cubic-bezier(.25,.8,.25,1);transform-origin:var(--side,right) center}.ctc_g_content{max-height:calc(80vh - 140px);overflow-y:auto}.ctc_g_bottom,.ctc_g_content,.ctc_g_sentbutton{margin-top:-.9px!important}.greetings_header_image{display:inline-block;position:relative}.greetings_header_image img{object-fit:cover}.g_header_badge_online{border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px;z-index:1}@media only screen and (min-width:900px){.ctc_g_content::-webkit-scrollbar{width:2.8px}.ctc_g_content::-webkit-scrollbar-thumb{background:#a5a5a5}}@media only screen and (max-width:420px){.ctc_side_positions .ctc_m_p_left{left:0!important;right:unset!important}.ctc_side_positions .ctc_m_p_right{left:unset!important;right:0!important}.ctc_side_positions .ctc_m_p_left .ctc_greetings_close_btn{float:left!important}.ctc_side_positions .ctc_m_p_right .ctc_greetings_close_btn{float:right!important}.ctc_side_positions .ctc_m_cta_order_0{order:0!important}.ctc_side_positions .ctc_m_cta_order_1{order:1!important}.ht_ctc_greetings.ctc_m_full_width{bottom:0!important;position:fixed!important;right:0!important}.ht_ctc_greetings.ctc_m_full_width .ht_ctc_chat_greetings_box{margin:7px!important;min-width:80vw!important;position:unset!important;width:calc(100vw - 14px)!important}.ctc_m_full_width .ctc_g_message_box_width{max-width:85%!important}.ht_ctc_animation:has(.ht_ctc_greetings){animation-fill-mode:none!important}}.angora-cart-drawer {
--angora-cart-green: #7b9551;
--angora-cart-green-dark: #6b8345;
--angora-cart-gold: #c7a86c;
--angora-cart-gold-soft: rgba(199, 168, 108, 0.28);
--angora-cart-text: #1d1d1b;
--angora-cart-muted: #7e7b74;
--angora-cart-border: #efebe3;
--angora-cart-card-border: #f1eee7;
--angora-cart-shadow: 0 24px 64px rgba(30, 26, 16, 0.18);
position: relative;
z-index: 45;
width: auto;
color: var(--angora-cart-text);
line-height: 1.5;
font-family: inherit;
}
body.angora-cart-drawer-open {
overflow: hidden;
}
.angora-cart-drawer *,
.angora-cart-drawer *::before,
.angora-cart-drawer *::after {
box-sizing: border-box;
}
.angora-cart-drawer__trigger,
.angora-cart-drawer__close,
.angora-cart-drawer__remove {
appearance: none;
-webkit-appearance: none;
}
.angora-cart-drawer__trigger {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0;
border: 1px solid var(--angora-cart-gold-soft);
border-radius: 999px;
background: #ffffff;
color: var(--angora-cart-text);
box-shadow: 0 10px 24px rgba(40, 34, 22, 0.04);
cursor: pointer;
transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.angora-cart-drawer__trigger:hover {
transform: translateY(-1px);
border-color: rgba(199, 168, 108, 0.42);
background: #fffdf8;
box-shadow: 0 14px 30px rgba(40, 34, 22, 0.08);
}
.angora-cart-drawer__trigger svg {
display: block;
width: 19px;
height: 19px;
}
.angora-cart-drawer__badge {
position: absolute;
top: -4px;
right: -3px;
min-width: 20px;
height: 20px;
padding: 0 5px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid #ffffff;
border-radius: 999px;
background: var(--angora-cart-green);
color: #ffffff;
font-size: 11px;
font-weight: 700;
line-height: 1;
box-shadow: 0 8px 16px rgba(123, 149, 81, 0.18);
}
.angora-cart-drawer__badge.is-empty {
display: none;
}
.angora-cart-drawer__backdrop {
position: fixed;
inset: 0;
z-index: 998;
background: rgba(17, 17, 17, 0.34);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 220ms ease, visibility 220ms ease;
}
.angora-cart-drawer__panel {
position: fixed;
top: 4px;
right: 4px;
bottom: 10px;
z-index: 999;
width: min(380px, calc(100vw - 8px));
display: grid;
grid-template-rows: auto minmax(0, 1fr);
gap: 10px;
padding: 0 10px 10px;
border: 1px solid var(--angora-cart-border);
border-radius: 30px;
background: #ffffff;
box-shadow: var(--angora-cart-shadow);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(calc(100% + 18px));
transition: transform 240ms ease, opacity 200ms ease, visibility 200ms ease;
}
.angora-cart-drawer.is-open .angora-cart-drawer__backdrop {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.angora-cart-drawer.is-open .angora-cart-drawer__panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
}
.angora-cart-drawer__panel-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 0 0 6px 4px;
}
.angora-cart-drawer__panel-title {
display: flex;
align-items: flex-start;
gap: 8px;
min-width: 0;
padding-top: 2px;
}
.angora-cart-drawer__panel-title svg {
width: 15px;
height: 15px;
margin-top: 4px;
color: var(--angora-cart-green);
flex: 0 0 auto;
}
.angora-cart-drawer__panel-title strong {
display: block;
font-size: 17px;
line-height: 1.15;
font-weight: 700;
color: var(--angora-cart-text);
}
.angora-cart-drawer__panel-title span {
display: block;
margin-top: 3px;
font-size: 12px;
line-height: 1.45;
color: var(--angora-cart-muted);
}
.angora-cart-drawer__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border: 1px solid rgba(29, 29, 27, 0.1);
border-radius: 999px;
background: #ffffff;
color: #45423d;
cursor: pointer;
transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}
.angora-cart-drawer__close:hover {
background: #fbfaf7;
border-color: rgba(29, 29, 27, 0.18);
}
.angora-cart-drawer__close svg {
width: 18px;
height: 18px;
display: block;
}
.angora-cart-drawer__content {
min-height: 0;
height: 100%;
border: 1px solid var(--angora-cart-card-border);
border-radius: 24px;
background: #ffffff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
overflow: hidden;
}
.angora-cart-drawer__state,
.angora-cart-drawer__mini {
height: 100%;
}
.angora-cart-drawer__state {
display: flex;
align-items: center;
justify-content: center;
padding: 72px 28px 90px;
text-align: center;
}
.angora-cart-drawer__state-card {
display: grid;
justify-items: center;
gap: 12px;
width: 100%;
max-width: 250px;
}
.angora-cart-drawer__state-card svg {
width: 34px;
height: 34px;
color: var(--angora-cart-green);
}
.angora-cart-drawer__state-card strong {
font-size: 17px;
line-height: 1.3;
font-weight: 700;
color: var(--angora-cart-text);
}
.angora-cart-drawer__state-card p {
margin: 0;
font-size: 13px;
line-height: 1.6;
color: var(--angora-cart-muted);
}
.angora-cart-drawer__state-action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 20px;
margin-top: 4px;
border-radius: 12px;
background: var(--angora-cart-green);
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
transition: background 180ms ease, transform 180ms ease;
}
.angora-cart-drawer__state-action:hover {
background: var(--angora-cart-green-dark);
transform: translateY(-1px);
}
.angora-cart-drawer__mini {
display: grid;
grid-template-rows: minmax(0, 1fr) auto auto;
min-height: 0;
}
.angora-cart-drawer__items {
min-height: 0;
overflow-y: auto;
padding: 12px 24px 0;
overscroll-behavior: contain;
}
.angora-cart-drawer__items::-webkit-scrollbar {
width: 6px;
}
.angora-cart-drawer__items::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(29, 29, 27, 0.16);
}
.angora-cart-drawer__item {
position: relative;
display: grid;
grid-template-columns: 78px 1fr;
gap: 14px;
padding: 18px 0;
border-bottom: 1px solid rgba(29, 29, 27, 0.1);
}
.angora-cart-drawer__item:last-child {
border-bottom: 0;
}
.angora-cart-drawer__thumb {
display: block;
width: 76px;
height: 76px;
border-radius: 16px;
object-fit: cover;
background: #f8f6f1;
}
.angora-cart-drawer__item-main {
min-width: 0;
padding-right: 42px;
align-self: center;
}
.angora-cart-drawer__item-main a,
.angora-cart-drawer__item-name {
display: block;
color: var(--angora-cart-text);
text-decoration: none;
font-size: 14px;
line-height: 1.45;
font-weight: 500;
}
.angora-cart-drawer__item-meta {
margin-top: 10px;
font-size: 13px;
line-height: 1.5;
color: #c2c0bb;
}
.angora-cart-drawer__remove {
position: absolute;
top: 50%;
right: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
border: 1px solid rgba(29, 29, 27, 0.1);
border-radius: 999px;
background: #ffffff;
color: #bebbb4;
font-size: 18px;
line-height: 1;
cursor: pointer;
transform: translateY(-50%);
transition: color 180ms ease, border-color 180ms ease, background 180ms ease;
}
.angora-cart-drawer__remove:hover {
color: #a15d5d;
border-color: rgba(161, 93, 93, 0.22);
background: rgba(161, 93, 93, 0.05);
}
.angora-cart-drawer__subtotal {
padding: 18px 24px 12px;
border-top: 1px solid rgba(29, 29, 27, 0.08);
text-align: center;
}
.angora-cart-drawer__subtotal span {
margin-right: 6px;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
color: #7f7d77;
}
.angora-cart-drawer__subtotal strong {
font-size: 18px;
line-height: 1.2;
font-weight: 800;
color: var(--angora-cart-text);
}
.angora-cart-drawer__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 12px 24px 22px;
}
.angora-cart-drawer__action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 16px;
border-radius: 12px;
border: 1px solid transparent;
text-decoration: none;
font-size: 13px;
font-weight: 700;
transition: transform 160ms ease, background 160ms ease, color 160ms ease, border-color 160ms ease;
}
.angora-cart-drawer__action:hover {
transform: translateY(-1px);
}
.angora-cart-drawer__action--secondary {
background: #f2f0eb;
border-color: #ebe6dc;
color: var(--angora-cart-text);
}
.angora-cart-drawer__action--primary {
background: var(--angora-cart-green);
color: #ffffff;
}
.angora-cart-drawer__action--primary:hover {
background: var(--angora-cart-green-dark);
}
@media (max-width: 480px) {
.angora-cart-drawer__panel {
top: 4px;
right: 4px;
bottom: 8px;
width: calc(100vw - 8px);
padding: 0 8px 8px;
border-radius: 24px;
}
.angora-cart-drawer__panel-top {
padding-left: 2px;
}
.angora-cart-drawer__content {
border-radius: 20px;
}
.angora-cart-drawer__state {
padding: 56px 22px 72px;
}
.angora-cart-drawer__items {
padding-right: 18px;
padding-left: 18px;
}
.angora-cart-drawer__subtotal,
.angora-cart-drawer__actions {
padding-right: 18px;
padding-left: 18px;
}
}.adp-region-selector,
.adp-tracking {
font-family: inherit;
color: #191c1e;
}
.adp-region-selector {
position: relative;
width: 100%;
max-width: 1120px;
margin: 0 auto;
}
.adp-region-selector__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 18px 22px;
border: 1px solid rgba(53, 37, 205, 0.14);
border-radius: 22px;
background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%);
box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06);
}
.adp-region-selector__summary {
display: flex;
flex: 1 1 auto;
align-items: center;
gap: 16px;
min-width: 0;
}
.adp-region-selector__eyebrow {
flex: 0 0 auto;
padding: 9px 12px;
border-radius: 999px;
background: rgba(53, 37, 205, 0.08);
color: #3525cd;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.adp-region-selector__value-wrap {
min-width: 0;
}
.adp-region-selector__value {
display: block;
font-size: 18px;
line-height: 1.2;
}
.adp-region-selector__description {
margin: 6px 0 0;
color: #667085;
font-size: 13px;
line-height: 1.5;
}
.adp-region-selector__actions {
display: flex;
align-items: center;
gap: 12px;
flex: 0 0 auto;
}
.adp-region-selector__status {
display: inline-flex;
align-items: center;
padding: 9px 12px;
border-radius: 999px;
background: #f2f4f7;
color: #667085;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.adp-region-selector__status.is-selected {
background: rgba(53, 37, 205, 0.08);
color: #3525cd;
}
.adp-region-selector__trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 13px 16px;
border: 0;
border-radius: 16px;
background: linear-gradient(135deg, #3525cd, #4f46e5);
color: #ffffff;
font-weight: 700;
cursor: pointer;
}
.adp-region-selector__backdrop {
position: fixed;
inset: 0;
z-index: 29;
background: rgba(15, 23, 42, 0.28);
}
.adp-region-selector__panel {
position: absolute;
top: calc(100% + 12px);
left: 0;
right: 0;
z-index: 30;
padding: 14px;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);
}
.adp-region-selector__panel-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px;
gap: 14px;
}
.adp-region-selector__panel-header p {
margin: 6px 0 0;
color: #667085;
font-size: 13px;
line-height: 1.45;
}
.adp-region-selector__panel-actions {
display: flex;
align-items: center;
gap: 8px;
}
.adp-region-selector__clear {
border: 0;
background: transparent;
color: #3525cd;
cursor: pointer;
}
.adp-region-selector__close {
width: 34px;
height: 34px;
border: 0;
border-radius: 999px;
background: #f4f4f5;
color: #111827;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
.adp-region-selector__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.adp-region-selector__option {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
padding: 12px 14px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 14px;
background: #f8f9ff;
cursor: pointer;
text-align: left;
}
.adp-region-selector__option.is-selected {
border-color: rgba(53, 37, 205, 0.28);
background: rgba(53, 37, 205, 0.08);
}
.adp-region-selector__option-main {
display: grid;
gap: 4px;
}
.adp-region-selector__option-title {
font-weight: 700;
}
.adp-region-selector__option-meta {
color: #667085;
font-size: 12px;
}
.adp-region-selector__check {
color: #3525cd;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.adp-region-selector__empty {
padding: 18px;
border-radius: 16px;
background: #f8fafc;
color: #667085;
font-size: 14px;
}
.adp-tracking {
max-width: 860px;
padding: 32px;
border-radius: 24px;
background: #ffffff;
box-shadow: 0 30px 70px rgba(15, 23, 42, 0.08);
}
.adp-tracking-page {
margin: 0;
padding: 40px 20px;
background: linear-gradient(180deg, #f7f9fb 0%, #eef2ff 100%);
}
.adp-tracking-page__container {
max-width: 980px;
margin: 0 auto;
}
.adp-tracking__header h2 {
margin: 4px 0 8px;
font-size: 32px;
}
.adp-tracking__header p {
margin: 0;
color: #667085;
}
.adp-tracking__fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 24px;
}
.adp-field label {
display: block;
margin-bottom: 8px;
font-size: 13px;
font-weight: 600;
}
.adp-field input,
.adp-field select {
width: 100%;
padding: 13px 14px;
border: 1px solid rgba(15, 23, 42, 0.1);
border-radius: 14px;
background: #f8fafc;
}
.adp-tracking__actions {
margin-top: 18px;
}
.adp-tracking__actions button {
padding: 12px 18px;
border: 0;
border-radius: 14px;
background: linear-gradient(135deg, #3525cd, #4f46e5);
color: #ffffff;
font-weight: 700;
cursor: pointer;
}
.adp-tracking__error {
margin-top: 20px;
padding: 14px 16px;
border-radius: 14px;
background: #fff0f0;
color: #a10f2b;
}
.adp-tracking__result {
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.adp-tracking__meta-grid,
.adp-tracking__details {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.adp-tracking__meta-grid div,
.adp-tracking__details div {
padding: 16px;
border-radius: 16px;
background: #f8fafc;
}
.adp-tracking__meta-grid span,
.adp-tracking__details span {
display: block;
margin-bottom: 6px;
color: #667085;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.adp-tracking__timeline {
display: grid;
gap: 14px;
margin: 24px 0;
}
.adp-tracking__step {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 16px 18px;
border-radius: 16px;
background: #f8fafc;
}
.adp-tracking__step-dot {
width: 14px;
height: 14px;
margin-top: 4px;
border-radius: 999px;
background: #cbd5e1;
}
.adp-tracking__step.is-completed .adp-tracking__step-dot,
.adp-tracking__step.is-current .adp-tracking__step-dot {
background: #3525cd;
}
.adp-tracking__step.is-current {
border: 1px solid rgba(53, 37, 205, 0.18);
background: rgba(53, 37, 205, 0.05);
}
.adp-tracking__step-content span {
display: block;
margin-top: 4px;
color: #667085;
font-size: 13px;
}
@media (max-width: 782px) {
.adp-region-selector__bar {
flex-direction: column;
align-items: stretch;
}
.adp-region-selector__summary,
.adp-region-selector__actions {
flex-direction: column;
align-items: stretch;
}
.adp-region-selector__status {
justify-content: center;
}
.adp-region-selector__panel {
position: fixed;
left: 16px;
right: 16px;
top: auto;
bottom: 16px;
max-height: calc(100vh - 32px);
overflow-y: auto;
z-index: 30;
}
.adp-region-selector__list {
grid-template-columns: 1fr;
}
.adp-tracking,
.adp-tracking-page {
padding: 20px;
}
.adp-tracking__fields,
.adp-tracking__meta-grid,
.adp-tracking__details {
grid-template-columns: 1fr;
}
}.adp-region-selector {
--adp-region-primary: #5f7446;
--adp-region-primary-hover: #4f613b;
--adp-region-surface: #fbfbf8;
--adp-region-surface-soft: #eef3e8;
--adp-region-text: #1f1f1b;
--adp-region-text-muted: #6f746c;
--adp-region-border: #e7e7e2;
--adp-region-shadow: 0 18px 44px rgba(31, 31, 27, 0.08);
position: relative;
width: 100%;
max-width: 1120px;
margin: 0 auto;
color: var(--adp-region-text);
font-family: inherit;
}
.adp-region-selector .adp-region-selector__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 18px 22px;
border: 1px solid var(--adp-region-border);
border-radius: 22px;
background: linear-gradient(180deg, #ffffff 0%, var(--adp-region-surface) 100%);
box-shadow: var(--adp-region-shadow);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.adp-region-selector:hover .adp-region-selector__bar,
.adp-region-selector:focus-within .adp-region-selector__bar {
border-color: rgba(95, 116, 70, 0.35);
box-shadow: 0 20px 48px rgba(31, 31, 27, 0.12);
}
.adp-region-selector .adp-region-selector__summary {
display: flex;
flex: 1 1 auto;
align-items: center;
gap: 16px;
min-width: 0;
}
.adp-region-selector .adp-region-selector__eyebrow {
flex: 0 0 auto;
padding: 9px 12px;
border-radius: 999px;
background: var(--adp-region-surface-soft);
color: var(--adp-region-primary);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.adp-region-selector .adp-region-selector__value-wrap {
min-width: 0;
}
.adp-region-selector .adp-region-selector__value {
display: block;
color: var(--adp-region-text);
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.adp-region-selector .adp-region-selector__description,
.adp-region-selector .adp-region-selector__meta {
margin: 6px 0 0;
color: var(--adp-region-text-muted);
font-size: 13px;
line-height: 1.5;
}
.adp-region-selector .adp-region-selector__actions {
display: flex;
align-items: center;
gap: 12px;
flex: 0 0 auto;
}
.adp-region-selector .adp-region-selector__status {
display: inline-flex;
align-items: center;
padding: 9px 12px;
border: 1px solid transparent;
border-radius: 999px;
background: #f3f4ef;
color: var(--adp-region-text-muted);
font-size: 12px;
font-weight: 700;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.adp-region-selector .adp-region-selector__status.is-selected {
border-color: rgba(95, 116, 70, 0.18);
background: var(--adp-region-surface-soft);
color: var(--adp-region-primary);
}
.adp-region-selector .adp-region-selector__status.is-unavailable {
border-color: rgba(172, 73, 44, 0.15);
background: #f8ede7;
color: #9f4f33;
}
.adp-region-selector .adp-region-selector__trigger {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 170px;
padding: 13px 16px;
border: 1px solid transparent;
border-radius: 16px;
background: linear-gradient(135deg, var(--adp-region-primary) 0%, #6d8450 100%);
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 1;
cursor: pointer;
box-shadow: 0 10px 24px rgba(95, 116, 70, 0.22);
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.adp-region-selector .adp-region-selector__trigger:hover,
.adp-region-selector .adp-region-selector__trigger:focus-visible {
background: linear-gradient(135deg, var(--adp-region-primary-hover) 0%, #5a6d44 100%);
box-shadow: 0 14px 28px rgba(95, 116, 70, 0.28);
transform: translateY(-1px);
outline: none;
}
.adp-region-selector .adp-region-selector__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
font-size: 14px;
transition: transform 0.2s ease;
}
.adp-region-selector .adp-region-selector__trigger[aria-expanded="true"] .adp-region-selector__icon {
transform: rotate(180deg);
}
.adp-region-selector .adp-region-selector__backdrop {
position: fixed;
inset: 0;
z-index: 29;
background: rgba(31, 31, 27, 0.28);
backdrop-filter: blur(2px);
}
.adp-region-selector .adp-region-selector__panel {
position: absolute;
top: calc(100% + 12px);
left: 0;
right: 0;
z-index: 30;
padding: 16px;
border: 1px solid var(--adp-region-border);
border-radius: 20px;
background: #ffffff;
box-shadow: 0 24px 56px rgba(31, 31, 27, 0.14);
}
.adp-region-selector .adp-region-selector__panel-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 14px;
gap: 14px;
}
.adp-region-selector .adp-region-selector__panel-header strong {
display: block;
color: var(--adp-region-text);
font-size: 16px;
font-weight: 700;
}
.adp-region-selector .adp-region-selector__panel-header p {
margin: 6px 0 0;
color: var(--adp-region-text-muted);
font-size: 13px;
line-height: 1.45;
}
.adp-region-selector .adp-region-selector__panel-actions {
display: flex;
align-items: center;
gap: 8px;
}
.adp-region-selector .adp-region-selector__clear,
.adp-region-selector .adp-region-selector__close {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--adp-region-border);
border-radius: 999px;
background: #ffffff;
color: var(--adp-region-primary);
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.adp-region-selector .adp-region-selector__clear {
padding: 9px 14px;
font-size: 13px;
font-weight: 600;
}
.adp-region-selector .adp-region-selector__close {
width: 34px;
height: 34px;
color: var(--adp-region-text);
font-size: 22px;
line-height: 1;
}
.adp-region-selector .adp-region-selector__clear:hover,
.adp-region-selector .adp-region-selector__clear:focus-visible,
.adp-region-selector .adp-region-selector__close:hover,
.adp-region-selector .adp-region-selector__close:focus-visible {
border-color: rgba(95, 116, 70, 0.26);
background: var(--adp-region-surface-soft);
color: var(--adp-region-primary-hover);
outline: none;
transform: translateY(-1px);
}
.adp-region-selector .adp-region-selector__search {
margin-bottom: 16px;
padding: 14px;
border: 1px solid var(--adp-region-border);
border-radius: 18px;
background: linear-gradient(180deg, #ffffff 0%, var(--adp-region-surface) 100%);
}
.adp-region-selector .adp-region-selector__search-field {
position: relative;
}
.adp-region-selector .adp-region-selector__search-input {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--adp-region-border);
border-radius: 14px;
background: #ffffff;
color: var(--adp-region-text);
font-size: 14px;
box-shadow: inset 0 1px 2px rgba(31, 31, 27, 0.02);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.adp-region-selector .adp-region-selector__search-input:focus {
border-color: rgba(95, 116, 70, 0.4);
box-shadow: 0 0 0 4px rgba(95, 116, 70, 0.12);
outline: none;
}
.adp-region-selector .adp-region-selector__search-help {
margin: 12px 0 0;
color: var(--adp-region-text-muted);
font-size: 12px;
line-height: 1.5;
}
.adp-region-selector .adp-region-selector__suggestions {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 4;
padding: 6px 0;
border: 1px solid var(--adp-region-border);
border-radius: 14px;
background: #ffffff;
box-shadow: 0 20px 38px rgba(31, 31, 27, 0.12);
overflow: hidden;
}
.adp-region-selector .adp-region-selector__suggestions-scroll {
max-height: min(320px, 44vh);
overflow-y: auto;
overflow-x: hidden;
}
.adp-region-selector .adp-region-selector__suggestions-list {
display: block;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.adp-region-selector .adp-region-selector__suggestion-item {
display: block;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.adp-region-selector .adp-region-selector__suggestion-row {
display: block;
width: 100%;
box-sizing: border-box;
padding: 13px 16px;
border: 0;
border-top: 1px solid #f0f0eb;
background: #ffffff;
color: var(--adp-region-text);
font: inherit;
cursor: pointer;
text-align: left;
white-space: normal;
appearance: none;
transition: background-color 0.18s ease, color 0.18s ease;
}
.adp-region-selector .adp-region-selector__suggestions-list .adp-region-selector__suggestion-item:first-child .adp-region-selector__suggestion-row {
border-top: 0;
}
.adp-region-selector .adp-region-selector__suggestion-row:hover,
.adp-region-selector .adp-region-selector__suggestion-row:focus-visible,
.adp-region-selector .adp-region-selector__suggestion-row:active {
background: var(--adp-region-surface-soft);
outline: none;
}
.adp-region-selector .adp-region-selector__suggestion-text {
display: block;
width: 100%;
min-width: 0;
}
.adp-region-selector .adp-region-selector__suggestion-title {
display: block;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
overflow-wrap: anywhere;
}
.adp-region-selector .adp-region-selector__suggestion-meta,
.adp-region-selector .adp-region-selector__suggestion-state {
display: block;
margin-top: 4px;
color: var(--adp-region-text-muted);
font-size: 12px;
line-height: 1.5;
overflow-wrap: anywhere;
}
.adp-region-selector .adp-region-selector__suggestion-state {
padding: 14px 16px;
}
.adp-region-selector .adp-region-selector__result {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.adp-region-selector .adp-region-selector__result.is-empty .adp-region-selector__result-card strong {
color: var(--adp-region-text-muted);
}
.adp-region-selector .adp-region-selector__result-card {
padding: 14px;
border: 1px solid var(--adp-region-border);
border-radius: 16px;
background: #ffffff;
}
.adp-region-selector .adp-region-selector__result-label {
display: block;
margin-bottom: 8px;
color: var(--adp-region-text-muted);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.adp-region-selector .adp-region-selector__result-card strong {
display: block;
color: var(--adp-region-text);
font-size: 14px;
line-height: 1.5;
}
.pac-container {
margin-top: 8px;
border: 1px solid #e7e7e2;
border-radius: 14px;
box-shadow: 0 18px 44px rgba(31, 31, 27, 0.12);
font-family: inherit;
}
.pac-container .pac-item {
padding: 10px 14px;
border-top-color: #f0f0ec;
}
.pac-container .pac-item:hover,
.pac-container .pac-item-selected {
background: #eef3e8;
}
@media (max-width: 860px) {
.adp-region-selector .adp-region-selector__bar {
flex-direction: column;
align-items: stretch;
}
.adp-region-selector .adp-region-selector__actions {
justify-content: space-between;
}
.adp-region-selector .adp-region-selector__trigger {
min-width: 0;
width: 100%;
}
.adp-region-selector .adp-region-selector__result {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.adp-region-selector .adp-region-selector__bar {
padding: 16px;
border-radius: 18px;
}
.adp-region-selector .adp-region-selector__summary {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.adp-region-selector .adp-region-selector__actions {
flex-direction: column;
align-items: stretch;
}
.adp-region-selector .adp-region-selector__status {
justify-content: center;
}
.adp-region-selector .adp-region-selector__panel {
position: fixed;
right: 12px;
bottom: 12px;
left: 12px;
top: auto;
max-height: min(72vh, 560px);
overflow-y: auto;
border-radius: 22px 22px 18px 18px;
}
.adp-region-selector .adp-region-selector__panel-header {
position: sticky;
top: 0;
padding-bottom: 8px;
background: #ffffff;
}
.adp-region-selector .adp-region-selector__suggestions {
padding: 4px 0;
}
.adp-region-selector .adp-region-selector__suggestions-scroll {
max-height: min(260px, 36vh);
}
}