:root{
  --cc-bg:#fbf8f1;
  --cc-card:#ffffff;
  --cc-soft:#fff7e8;
  --cc-line:#eadfce;
  --cc-gold:#c98b20;
  --cc-gold-2:#e2b456;
  --cc-gold-3:#ffe08d;
  --cc-dark:#030713;
  --cc-text:#111111;
  --cc-muted:#6d655a;
  --cc-shadow:0 22px 60px rgba(35,25,8,.10);
  --cc-max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ccx-body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--cc-text);background:radial-gradient(circle at 0% 18%,rgba(212,154,46,.12),transparent 23%),radial-gradient(circle at 100% 0%,rgba(212,154,46,.10),transparent 25%),linear-gradient(180deg,#fffdfa 0%,var(--cc-bg) 100%)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ccx-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ccx-page{min-height:100vh}
.ccx-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,222,206,.95)}
.ccx-header-inner{max-width:var(--cc-max);margin:0 auto;min-height:78px;padding:12px 24px;display:grid;grid-template-columns:240px minmax(360px,1fr) auto;gap:24px;align-items:center}
.ccx-logo{display:flex;align-items:center;gap:12px;min-width:0}
.ccx-logo-mark{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:14px}
.ccx-logo-mark img{width:58px;height:58px;object-fit:contain}
.ccx-logo-copy{display:flex;flex-direction:column;min-width:0;line-height:1}
.ccx-logo-copy strong{font-size:21px;font-weight:950;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccx-logo-copy small{font-size:10px;font-weight:800;color:#332b20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.ccx-search{height:46px;border:1px solid var(--cc-line);border-radius:10px;background:#fff;display:grid;grid-template-columns:190px 1fr 54px;overflow:hidden;box-shadow:0 8px 20px rgba(29,20,8,.04)}
.ccx-search select,.ccx-search input{border:0;outline:0;background:#fff;color:#2b2721}
.ccx-search select{border-right:1px solid var(--cc-line);padding:0 15px;font-size:13px;font-weight:850}
.ccx-search input{padding:0 18px;font-size:14px}
.ccx-search button{border:0;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;display:grid;place-items:center;cursor:pointer}
.ccx-search button svg{width:21px;height:21px}
.ccx-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.ccx-round,.ccx-login,.ccx-publish{height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:900}
.ccx-round{min-width:42px;padding:0 12px;background:#fff;border:1px solid rgba(236,226,211,.8)}
.ccx-round svg,.ccx-login svg,.ccx-publish svg{width:18px;height:18px}
.ccx-login{padding:0 10px}
.ccx-publish{padding:0 16px;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;box-shadow:0 12px 26px rgba(185,121,24,.20)}
.ccx-lang{position:relative}
.ccx-lang-menu{position:absolute;top:48px;right:0;min-width:132px;padding:8px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(30,20,8,.14);display:none;z-index:90}
.ccx-lang-menu.is-open{display:grid;gap:4px}
.ccx-lang-menu a{min-height:34px;padding:0 10px;border-radius:8px;display:flex;align-items:center;font-size:13px;font-weight:900}
.ccx-lang-menu a.is-active,.ccx-lang-menu a:hover{background:#fff3dc;color:#a96f19}
.ccx-category-nav{max-width:var(--cc-max);height:48px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:flex-start;background:#fff;border-bottom:1px solid rgba(232,222,206,.95);overflow-x:auto;scrollbar-width:none}
.ccx-category-nav::-webkit-scrollbar{display:none}
.ccx-category-nav a{height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border-left:1px solid #eee6d9;font-size:13px;font-weight:900;color:#2b261f;flex:0 0 auto}
.ccx-category-nav a:first-child{border-left:0}
.ccx-category-nav svg{width:17px;height:17px;color:#2b261f}
.ccx-shell{max-width:var(--cc-max);margin:0 auto;padding:24px 24px 30px}
.ccx-home-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 230px;gap:24px;align-items:start}
.ccx-left,.ccx-right{display:flex;flex-direction:column;gap:22px}
.ccx-center{min-width:0;display:flex;flex-direction:column;gap:20px}
.ccx-filter,.ccx-saved,.ccx-sellers,.ccx-promo,.ccx-popular,.ccx-plans{background:rgba(255,255,255,.94);border:1px solid var(--cc-line);border-radius:14px;box-shadow:0 10px 30px rgba(38,27,10,.045)}
.ccx-filter{padding:18px}
.ccx-mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.ccx-mini-head strong{font-size:15px;font-weight:950}
.ccx-mini-head a{font-size:12px;font-weight:950;color:#a96f19}
.ccx-filter form{display:grid;gap:10px}
.ccx-filter label{font-size:12px;font-weight:900;color:#302b24}
.ccx-filter select,.ccx-filter input{height:38px;border:1px solid var(--cc-line);border-radius:8px;background:#fff;padding:0 12px;font-size:12px;color:#333;min-width:0}
.ccx-price-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ccx-check{display:flex!important;align-items:center;gap:8px;font-weight:750!important;color:#4e463b!important}
.ccx-check input{width:14px;height:14px;padding:0;flex:0 0 auto}
.ccx-filter button{height:42px;margin-top:8px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;font-weight:950;cursor:pointer}
.ccx-saved{padding:18px}
.ccx-saved strong{display:block;font-size:15px;font-weight:950;margin-bottom:14px}
.ccx-saved p{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0;font-size:12px;font-weight:850;color:#403a32}
.ccx-saved b{color:#b37a20}
.ccx-saved a{display:block;height:36px;line-height:36px;text-align:center;border:1px solid var(--cc-line);border-radius:8px;margin-top:16px;font-size:12px;font-weight:950;color:#a96f19}
.ccx-hero{position:relative;min-height:292px;border-radius:12px;overflow:hidden;background:#030713;color:#fff;border:1px solid rgba(224,177,90,.18);box-shadow:0 20px 70px rgba(7,12,22,.13);isolation:isolate}
.ccx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.96) 0%,rgba(3,7,18,.82) 42%,rgba(3,7,18,.18) 100%);z-index:-1}
.ccx-hero-copy{position:relative;z-index:2;width:58%;padding:38px 34px}
.ccx-hero-kicker{display:inline-flex;margin-bottom:12px;color:var(--cc-gold-3);font-size:12px;font-weight:950;letter-spacing:.14em}
.ccx-hero h1{margin:0 0 12px;font-size:38px;line-height:1.02;letter-spacing:-1.4px}
.ccx-hero p{margin:0 0 20px;font-size:18px;line-height:1.42;color:#fff}
.ccx-hero-search{width:min(470px,100%);height:48px;border-radius:8px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1fr 112px}
.ccx-hero-search input{border:0;outline:0;padding:0 18px;font-size:13px}
.ccx-hero-search button{border:0;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;font-size:13px;font-weight:950;cursor:pointer}
.ccx-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.ccx-tags small{color:#d8d1c3;font-weight:750}
.ccx-tags a{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:850}
.ccx-world{position:absolute;inset:0 0 0 auto;width:62%;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.98}
.ccx-dots{display:none}
.ccx-trust{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--cc-line);border-radius:13px;overflow:hidden;box-shadow:0 12px 32px rgba(38,27,10,.045)}
.ccx-trust article{min-height:92px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:20px 18px;border-left:1px solid var(--cc-line)}
.ccx-trust article:first-child{border-left:0}
.ccx-trust span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff}
.ccx-trust svg{width:24px;height:24px}
.ccx-trust strong{font-size:13px;font-weight:950}
.ccx-trust small{font-size:12px;line-height:1.45;color:#5f594f}
.ccx-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.ccx-section-head h2{margin:0;font-size:21px;letter-spacing:-.5px}
.ccx-section-head a{font-size:13px;font-weight:950;color:#ad721c}
.ccx-listings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;overflow:hidden}
.ccx-listing-card{position:relative;min-width:0;background:#fff;border:1px solid var(--cc-line);border-radius:12px;overflow:hidden;min-height:252px}
.ccx-listing-main{display:flex;flex-direction:column;gap:7px;padding:0 0 12px;color:#111}
.ccx-listing-main em{position:absolute;z-index:5;top:8px;left:8px;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;border-radius:6px;padding:4px 7px;font-style:normal;font-size:10px;font-weight:950}
.ccx-media{height:132px;background:linear-gradient(135deg,#f2eadc,#fff);display:grid;place-items:center;overflow:hidden}
.ccx-media img{width:100%;height:100%;object-fit:cover}
.ccx-media svg{width:42px;height:42px;color:#b77a1d}
.ccx-listing-main strong{font-size:14px;line-height:1.28;font-weight:950;color:#111;padding:0 10px;min-height:38px;overflow:hidden}
.ccx-listing-main b{font-size:16px;color:#090909;padding:0 10px}
.ccx-listing-main small{font-size:12px;color:#716a60;padding:0 10px}
.ccx-listing-card .wishlist-heart,.ccx-listing-card [class*="wishlist"]{position:absolute!important;right:8px!important;top:8px!important;z-index:8!important}
.ccx-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.ccx-popular,.ccx-plans{padding:18px}
.ccx-category-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ccx-category-card{min-height:84px;border:1px solid var(--cc-line);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:10px}
.ccx-category-card svg{width:24px;height:24px;color:#a66d17}
.ccx-category-card strong{font-size:12px;font-weight:950}
.ccx-category-card small{font-size:10px;color:#746b60}
.ccx-plans{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;align-items:center;background:linear-gradient(90deg,#fff 0%,#fffaf0 100%)}
.ccx-plan-copy h2{margin:0 0 6px;font-size:20px}
.ccx-plan-copy p{margin:0 0 12px;color:#5e564b;font-size:13px}
.ccx-plan-button{display:inline-flex;height:38px;padding:0 18px;align-items:center;border-radius:8px;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;font-size:13px;font-weight:950}
.ccx-plan-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ccx-plan-grid article{height:92px;border:1px solid var(--cc-line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}
.ccx-plan-grid article:first-child{border-radius:12px 0 0 12px}
.ccx-plan-grid article:last-child{border-radius:0 12px 12px 0}
.ccx-plan-grid svg{width:24px;height:24px;color:#b77a1d}
.ccx-plan-grid strong{font-size:12px;font-weight:950}
.ccx-plan-grid small{font-size:10px;color:#746b60}
.ccx-sellers{padding:18px}
.ccx-sellers article{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--cc-line)}
.ccx-sellers article:first-of-type{border-top:0}
.ccx-sellers span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#efe7da;color:#9b650d;font-weight:950}
.ccx-sellers strong{display:block;font-size:13px;font-weight:950}
.ccx-sellers small{display:block;margin-top:4px;font-size:11px;color:#696156}
.ccx-promo{min-height:218px;padding:24px;color:#fff;background:#030713;position:relative;overflow:hidden}
.ccx-promo:after{content:"";position:absolute;inset:0;background:url('/images/cc-dubai-world.svg') 62% 50%/cover no-repeat;opacity:.34}
.ccx-promo h2,.ccx-promo p,.ccx-promo a{position:relative;z-index:1}
.ccx-promo h2{margin:0 0 12px;font-size:24px;line-height:1.05;color:var(--cc-gold-3)}
.ccx-promo p{font-size:13px;line-height:1.45;color:#fff}
.ccx-promo a{height:40px;margin-top:12px;padding:0 18px;display:inline-flex;align-items:center;border-radius:8px;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;font-size:13px;font-weight:950}
.ccx-footer-strip{max-width:var(--cc-max);margin:22px auto 0;background:rgba(255,255,255,.85);border-top:1px solid var(--cc-line);display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ccx-footer-strip article{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px}
.ccx-footer-strip svg{width:18px;height:18px;color:#9f680f}
.ccx-footer-strip strong{display:block;font-size:13px}
.ccx-footer-strip small{font-size:11px;color:#6b6258}
.ccx-mobile-topbar,.ccx-mobile-drawer,.ccx-drawer-backdrop,.ccx-mobile-search,.ccx-mobile-cats,.ccx-mobile-new{display:none}
.ccx-type-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ccx-type-row a{min-height:86px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}
.ccx-type-row svg{width:25px;height:25px;color:#a56d16}
.ccx-type-row strong{font-size:12px}
.ccx-type-row small{font-size:11px;color:#70675c}
.ccx-mini-listings{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:10px;overflow-x:auto;scrollbar-width:none}
.ccx-mini-listings a{height:92px;border-radius:12px;overflow:hidden;background:#f1e8d8;display:grid;place-items:center}
.ccx-mini-listings img{width:100%;height:100%;object-fit:cover}
.ccx-mini-listings svg{width:30px;height:30px;color:#9d660f}
.ccx-panel-shell{max-width:var(--cc-max);margin:0 auto;padding:28px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px}
.ccx-account-sidebar{position:sticky;top:106px;align-self:start;background:#fff;border:1px solid var(--cc-line);border-radius:18px;padding:14px;box-shadow:var(--cc-shadow)}
.ccx-account-card{padding:16px;border-radius:14px;background:linear-gradient(135deg,#fff8e9,#fff);border:1px solid var(--cc-line);margin-bottom:12px}
.ccx-account-card strong{display:block;font-size:16px}
.ccx-account-card small{display:block;margin-top:4px;color:#776d5f;font-size:12px}
.ccx-account-sidebar nav{display:grid;gap:6px}
.ccx-account-sidebar nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:12px;color:#3b342b;font-size:13px;font-weight:850}
.ccx-account-sidebar nav a:hover,.ccx-account-sidebar nav a.is-active{background:#fff4de;color:#a06a11}
.ccx-account-sidebar nav svg{width:18px;height:18px;color:#a06a11}
.ccx-panel-content{min-width:0}
.ccx-bottom-nav{display:none}
@media (max-width:1180px){
  .ccx-header-inner{grid-template-columns:230px 1fr auto;padding:12px 18px;gap:14px}
  .ccx-logo-copy strong{font-size:18px}
  .ccx-home-grid{grid-template-columns:1fr}
  .ccx-left,.ccx-right{display:none}
  .ccx-listings{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:820px){
  body.ccx-body{background:#fffaf2}
  .ccx-page{padding-bottom:86px}
  .ccx-header,.ccx-category-nav{display:none}
  .ccx-mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;background:#fffaf2}
  .ccx-hamburger{width:44px;height:44px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;display:grid;place-content:center;gap:5px}
  .ccx-hamburger span{display:block;width:20px;height:2px;border-radius:99px;background:#14110d}
  .ccx-mobile-brand{display:flex;align-items:center;justify-content:center}
  .ccx-mobile-brand img{width:92px;height:58px;object-fit:contain}
  .ccx-mobile-icon{width:44px;height:44px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;display:grid;place-items:center;position:relative}
  .ccx-mobile-icon svg{width:22px;height:22px}
  .ccx-mobile-icon b{position:absolute;right:-5px;top:-5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--cc-gold);color:#fff;font-size:11px}
  .ccx-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:98;opacity:0;pointer-events:none;transition:.22s ease;display:block}
  .ccx-mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,360px);background:#fffaf2;z-index:99;transform:translateX(-105%);transition:.24s ease;padding:18px;overflow-y:auto;box-shadow:20px 0 60px rgba(0,0,0,.22);display:block}
  body.ccx-drawer-open .ccx-drawer-backdrop{opacity:1;pointer-events:auto}
  body.ccx-drawer-open .ccx-mobile-drawer{transform:translateX(0)}
  .ccx-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
  .ccx-drawer-head strong{font-size:18px;font-weight:950}
  .ccx-drawer-head button{width:38px;height:38px;border:1px solid var(--cc-line);border-radius:10px;background:#fff;font-size:24px;line-height:1}
  .ccx-drawer-search{height:48px;display:grid;grid-template-columns:1fr 48px;overflow:hidden;border:1px solid var(--cc-line);border-radius:12px;background:#fff;margin-bottom:14px}
  .ccx-drawer-search input{border:0;outline:0;padding:0 14px;background:#fff}
  .ccx-drawer-search button{border:0;background:var(--cc-gold);color:#fff;display:grid;place-items:center}
  .ccx-drawer-langs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:16px}
  .ccx-drawer-langs a{height:34px;border:1px solid var(--cc-line);border-radius:9px;background:#fff;display:grid;place-items:center;font-weight:950;font-size:12px}
  .ccx-drawer-langs a.is-active{background:#fff1d4;color:#a96f19}
  .ccx-drawer-nav{display:grid;gap:8px}
  .ccx-drawer-nav a{min-height:46px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 12px;font-weight:900}
  .ccx-drawer-nav svg{width:22px;height:22px;color:#ad721c}
  .ccx-shell{padding:0 14px 0}
  .ccx-mobile-search{display:grid;grid-template-columns:1fr 112px;gap:12px;margin:8px 0 16px}
  .ccx-mobile-search form{height:52px;border:1px solid var(--cc-line);border-radius:10px;background:#fff;display:grid;grid-template-columns:1fr 54px;overflow:hidden}
  .ccx-mobile-search input{border:0;outline:0;padding:0 16px;font-size:15px}
  .ccx-mobile-search button{border:0;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;display:grid;place-items:center}
  .ccx-mobile-search svg{width:22px;height:22px}
  .ccx-mobile-search a{height:52px;border:1px solid var(--cc-line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:950}
  .ccx-mobile-cats{display:grid;grid-auto-flow:column;grid-auto-columns:108px;gap:12px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none;padding-bottom:4px}
  .ccx-mobile-cats a{height:86px;border:1px solid var(--cc-line);border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
  .ccx-mobile-cats svg{width:31px;height:31px;color:#a56d16}
  .ccx-mobile-cats strong{font-size:12px;line-height:1.1}
  .ccx-home-grid{display:block}
  .ccx-hero{min-height:240px;border-radius:12px;margin-bottom:16px}
  .ccx-hero-copy{width:65%;padding:26px 22px}
  .ccx-hero-kicker{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:transparent;margin-bottom:12px;letter-spacing:0}
  .ccx-hero-kicker:before{content:"";width:14px;height:14px;border-radius:50%;background:#fff;display:block;margin:10px}
  .ccx-hero h1{font-size:27px;line-height:1.08}
  .ccx-hero p{font-size:14px}
  .ccx-hero-search,.ccx-tags{display:none}
  .ccx-world{width:70%;opacity:.92}
  .ccx-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
  .ccx-dots b,.ccx-dots i{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.7}
  .ccx-dots b{background:var(--cc-gold);opacity:1}
  .ccx-trust{grid-template-columns:repeat(4,1fr);overflow-x:auto;margin-bottom:16px}
  .ccx-trust article{min-width:132px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;text-align:center;align-items:center}
  .ccx-trust span{width:42px;height:42px}
  .ccx-trust strong{font-size:12px}
  .ccx-trust small{font-size:11px}
  .ccx-section-head h2{font-size:21px}
  .ccx-listings{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:156px;overflow-x:auto;gap:14px;scrollbar-width:none}
  .ccx-listings::-webkit-scrollbar{display:none}
  .ccx-listing-card{min-height:238px}
  .ccx-media{height:118px}
  .ccx-listing-main strong{font-size:13px}
  .ccx-bottom-grid{display:block}
  .ccx-popular{display:none}
  .ccx-plans{display:flex;min-height:98px;align-items:center;justify-content:space-between;padding:16px;margin:16px 0}
  .ccx-plan-copy h2{font-size:18px}
  .ccx-plan-copy p{font-size:12px}
  .ccx-plan-grid{display:flex;gap:10px}
  .ccx-plan-grid article{width:56px;height:74px;border-radius:999px 999px 10px 10px!important;background:#fff7e8}
  .ccx-plan-grid strong,.ccx-plan-grid small{display:none}
  .ccx-mobile-new{display:block}
  .ccx-type-row{grid-auto-flow:column;grid-auto-columns:118px;grid-template-columns:none;overflow-x:auto;gap:10px}
  .ccx-footer-strip{display:none}
  .ccx-panel-shell{display:block;padding:16px 14px 96px}
  .ccx-account-sidebar{position:relative;top:auto;margin-bottom:16px}
  .ccx-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:74px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--cc-line);display:grid;grid-template-columns:repeat(5,1fr);padding:6px 10px 10px}
  .ccx-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#17130f}
  .ccx-bottom-nav svg{width:24px;height:24px}
  .ccx-bottom-nav small{font-size:11px}
  .ccx-bottom-nav a.is-active{color:#b77a1d}
  .ccx-bottom-publish{transform:translateY(-18px)}
  .ccx-bottom-publish span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cc-gold),#b97818);color:#fff;box-shadow:0 12px 26px rgba(185,121,24,.24)}
  .ccx-bottom-publish span svg{width:30px;height:30px}
}
@media (max-width:420px){
  .ccx-shell{padding-left:12px;padding-right:12px}
  .ccx-mobile-search{grid-template-columns:1fr 104px}
  .ccx-hero-copy{width:66%;padding:24px 18px}
  .ccx-hero h1{font-size:25px}
  .ccx-world{width:72%;background-position:center}
  .ccx-listings{grid-auto-columns:148px}
  .ccx-plans{gap:8px}
  .ccx-plan-grid article{width:48px;height:68px}
}

/* MARKET INDEX REBUILD */
.ccx-market-page{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.ccx-market-hero{
  min-height:178px;
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(3,7,19,.96),rgba(3,7,19,.72)),
    url('/images/cc-dubai-world.svg') center/cover no-repeat;
  color:#fff;
  padding:30px;
  display:grid;
  grid-template-columns:1fr minmax(280px,420px);
  gap:24px;
  align-items:center;
  border:1px solid rgba(224,177,90,.22);
  box-shadow:0 20px 60px rgba(7,12,22,.12);
}
.ccx-market-hero span{
  color:var(--cc-gold-3);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ccx-market-hero h1{
  margin:8px 0 8px;
  font-size:38px;
  line-height:1.02;
  letter-spacing:-1.2px;
}
.ccx-market-hero p{
  margin:0;
  max-width:620px;
  color:#fff;
  font-size:16px;
  line-height:1.45;
}
.ccx-market-search{
  height:50px;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  display:grid;
  grid-template-columns:1fr 118px;
}
.ccx-market-search input{
  border:0;
  outline:0;
  padding:0 16px;
}
.ccx-market-search button{
  border:0;
  background:linear-gradient(135deg,var(--cc-gold),#b97818);
  color:#fff;
  font-weight:950;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.ccx-market-search svg{
  width:18px;
  height:18px;
}
.ccx-market-tabs{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}
.ccx-market-tabs a{
  min-height:68px;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  font-weight:950;
}
.ccx-market-tabs a.is-active{
  background:#fff1d4;
  border-color:#dbaf61;
  color:#9f680f;
}
.ccx-market-tabs svg{
  width:23px;
  height:23px;
}
.ccx-market-grid{
  display:grid;
  grid-template-columns:210px minmax(0,1fr) 230px;
  gap:24px;
  align-items:start;
}
.ccx-market-left,
.ccx-market-right{
  display:flex;
  flex-direction:column;
  gap:22px;
}
.ccx-market-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.ccx-market-results{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.ccx-market-card{
  position:relative;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:13px;
  overflow:hidden;
  min-height:258px;
}
.ccx-market-card-main{
  display:flex;
  flex-direction:column;
  color:#111;
}
.ccx-market-card-main em{
  position:absolute;
  top:8px;
  left:8px;
  z-index:5;
  background:linear-gradient(135deg,var(--cc-gold),#b97818);
  color:#fff;
  border-radius:6px;
  padding:4px 7px;
  font-size:10px;
  font-weight:950;
  font-style:normal;
}
.ccx-market-media{
  height:142px;
  background:linear-gradient(135deg,#f2eadc,#fff);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.ccx-market-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ccx-market-media svg{
  width:42px;
  height:42px;
  color:#b77a1d;
}
.ccx-market-card-body{
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ccx-market-card-body strong{
  min-height:38px;
  font-size:14px;
  line-height:1.28;
  font-weight:950;
}
.ccx-market-card-body b{
  font-size:16px;
}
.ccx-market-card-body small{
  font-size:12px;
  color:#716a60;
}
.ccx-market-card .wishlist-heart,
.ccx-market-card [class*="wishlist"]{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:8!important;
}
.ccx-empty-market{
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:18px;
  padding:42px 24px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.ccx-empty-market svg{
  width:42px;
  height:42px;
  color:#a66d17;
}
.ccx-empty-market h3{
  margin:0;
  font-size:22px;
}
.ccx-empty-market p{
  margin:0;
  color:#6d655a;
}
.ccx-empty-market a{
  margin-top:8px;
  height:40px;
  padding:0 18px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--cc-gold),#b97818);
  color:#fff;
  display:inline-flex;
  align-items:center;
  font-weight:950;
}
@media (max-width:1180px){
  .ccx-market-grid{
    grid-template-columns:1fr;
  }
  .ccx-market-left,
  .ccx-market-right{
    display:none;
  }
  .ccx-market-results{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:820px){
  .ccx-market-hero{
    min-height:180px;
    display:block;
    padding:22px;
    border-radius:14px;
  }
  .ccx-market-hero h1{
    font-size:30px;
  }
  .ccx-market-hero p{
    font-size:14px;
  }
  .ccx-market-search{
    margin-top:16px;
    grid-template-columns:1fr 52px;
  }
  .ccx-market-search button{
    font-size:0;
  }
  .ccx-market-tabs{
    grid-auto-flow:column;
    grid-auto-columns:104px;
    grid-template-columns:none;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .ccx-market-tabs::-webkit-scrollbar{
    display:none;
  }
  .ccx-market-tabs a{
    min-height:78px;
  }
  .ccx-market-results{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:158px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .ccx-market-results::-webkit-scrollbar{
    display:none;
  }
  .ccx-market-card{
    min-height:240px;
  }
  .ccx-market-media{
    height:118px;
  }
  .ccx-market-bottom{
    display:none;
  }
}

/* FIX HOME PLANES + THEME SELECTOR */
.ccx-theme{
  position:relative;
}
.ccx-theme-menu{
  position:absolute;
  top:48px;
  right:0;
  min-width:146px;
  padding:8px;
  border:1px solid var(--cc-line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(30,20,8,.14);
  display:none;
  z-index:90;
}
.ccx-theme-menu.is-open{
  display:grid;
  gap:4px;
}
.ccx-theme-menu button{
  min-height:36px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:900;
  color:#15110c;
  cursor:pointer;
}
.ccx-theme-menu button.is-active,
.ccx-theme-menu button:hover{
  background:#fff3dc;
  color:#a96f19;
}
.ccx-theme-menu svg{
  width:17px;
  height:17px;
}

body[data-theme="dark"]{
  --cc-bg:#06070b;
  --cc-card:#0e1118;
  --cc-soft:#16120b;
  --cc-line:#30291c;
  --cc-text:#f7efe2;
  --cc-muted:#c8bda9;
  background:
    radial-gradient(circle at 0% 18%,rgba(212,154,46,.14),transparent 23%),
    radial-gradient(circle at 100% 0%,rgba(212,154,46,.12),transparent 25%),
    linear-gradient(180deg,#07080c 0%,#090806 100%);
  color:var(--cc-text);
}
body[data-theme="dark"] .ccx-header,
body[data-theme="dark"] .ccx-category-nav,
body[data-theme="dark"] .ccx-mobile-topbar,
body[data-theme="dark"] .ccx-bottom-nav{
  background:rgba(12,13,18,.96);
  border-color:#2d2518;
}
body[data-theme="dark"] .ccx-logo-copy strong,
body[data-theme="dark"] .ccx-logo-copy small,
body[data-theme="dark"] .ccx-category-nav a,
body[data-theme="dark"] .ccx-login,
body[data-theme="dark"] .ccx-round{
  color:#f8f0e4;
}
body[data-theme="dark"] .ccx-search,
body[data-theme="dark"] .ccx-search input,
body[data-theme="dark"] .ccx-search select,
body[data-theme="dark"] .ccx-round,
body[data-theme="dark"] .ccx-lang-menu,
body[data-theme="dark"] .ccx-theme-menu,
body[data-theme="dark"] .ccx-theme-menu button,
body[data-theme="dark"] .ccx-filter,
body[data-theme="dark"] .ccx-saved,
body[data-theme="dark"] .ccx-sellers,
body[data-theme="dark"] .ccx-popular,
body[data-theme="dark"] .ccx-plans,
body[data-theme="dark"] .ccx-listing-card,
body[data-theme="dark"] .ccx-category-card,
body[data-theme="dark"] .ccx-account-sidebar,
body[data-theme="dark"] .ccx-account-card{
  background:#0f1118;
  color:#f8f0e4;
  border-color:#30291c;
}
body[data-theme="dark"] .ccx-listing-main,
body[data-theme="dark"] .ccx-listing-main strong,
body[data-theme="dark"] .ccx-listing-main b,
body[data-theme="dark"] .ccx-section-head h2,
body[data-theme="dark"] .ccx-plan-copy h2,
body[data-theme="dark"] .ccx-category-card strong{
  color:#f8f0e4;
}
body[data-theme="dark"] .ccx-listing-main small,
body[data-theme="dark"] .ccx-plan-copy p,
body[data-theme="dark"] .ccx-category-card small,
body[data-theme="dark"] .ccx-sellers small{
  color:#c8bda9;
}

@media (prefers-color-scheme: dark){
  body[data-theme="auto"]{
    --cc-bg:#06070b;
    --cc-card:#0e1118;
    --cc-soft:#16120b;
    --cc-line:#30291c;
    --cc-text:#f7efe2;
    --cc-muted:#c8bda9;
    background:
      radial-gradient(circle at 0% 18%,rgba(212,154,46,.14),transparent 23%),
      radial-gradient(circle at 100% 0%,rgba(212,154,46,.12),transparent 25%),
      linear-gradient(180deg,#07080c 0%,#090806 100%);
    color:var(--cc-text);
  }
}

/* Desktop: evitar que planes se comprima y alinear como mockup */
.ccx-bottom-grid{
  grid-template-columns:minmax(560px,1fr) minmax(420px,.9fr);
  align-items:stretch;
}
.ccx-popular,
.ccx-plans{
  min-width:0;
}
.ccx-plans{
  grid-template-columns:minmax(150px,.72fr) minmax(270px,1.28fr);
  gap:20px;
  overflow:hidden;
}
.ccx-plan-grid{
  min-width:0;
  grid-template-columns:repeat(4,minmax(68px,1fr));
}
.ccx-plan-grid article{
  min-width:0;
  padding:8px 6px;
}
.ccx-plan-grid strong,
.ccx-plan-grid small{
  max-width:100%;
  overflow-wrap:anywhere;
}
.ccx-category-cards{
  grid-template-columns:repeat(6,minmax(76px,1fr));
}
.ccx-footer-strip{
  margin-top:18px;
}

@media (max-width:1180px){
  .ccx-bottom-grid{
    grid-template-columns:1fr;
  }
  .ccx-plans{
    grid-template-columns:minmax(180px,.7fr) minmax(320px,1.3fr);
  }
}

@media (max-width:820px){
  .ccx-theme{
    display:none;
  }
  .ccx-plans{
    display:flex;
    overflow:hidden;
  }
  .ccx-plan-grid{
    display:flex;
    flex:0 0 auto;
  }
}

/* FIX DEFINITIVO HOME BOTTOM MOCKUP */
.ccx-home .ccx-bottom-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  align-items:stretch !important;
  width:100% !important;
}

.ccx-home .ccx-popular{
  width:100% !important;
  padding:18px !important;
  overflow:hidden !important;
}

.ccx-home .ccx-category-cards{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
}

.ccx-home .ccx-category-card{
  min-width:0 !important;
  min-height:86px !important;
  padding:10px 8px !important;
}

.ccx-home .ccx-category-card strong{
  line-height:1.12 !important;
}

.ccx-home .ccx-plans{
  width:100% !important;
  min-height:118px !important;
  padding:18px !important;
  display:grid !important;
  grid-template-columns:minmax(220px,.42fr) minmax(460px,.58fr) !important;
  gap:20px !important;
  align-items:center !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#fff 0%,#fffaf0 100%) !important;
}

.ccx-home .ccx-plan-copy{
  min-width:0 !important;
}

.ccx-home .ccx-plan-copy h2{
  margin:0 0 6px !important;
  font-size:21px !important;
  line-height:1.08 !important;
}

.ccx-home .ccx-plan-copy p{
  max-width:310px !important;
  margin:0 0 12px !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

.ccx-home .ccx-plan-grid{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  overflow:hidden !important;
  border:1px solid var(--cc-line) !important;
  border-radius:13px !important;
  background:#fff !important;
}

.ccx-home .ccx-plan-grid article{
  width:auto !important;
  min-width:0 !important;
  height:96px !important;
  border:0 !important;
  border-left:1px solid var(--cc-line) !important;
  border-radius:0 !important;
  background:#fff !important;
  padding:8px 6px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:5px !important;
}

.ccx-home .ccx-plan-grid article:first-child{
  border-left:0 !important;
}

.ccx-home .ccx-plan-grid svg{
  width:24px !important;
  height:24px !important;
  color:#b77a1d !important;
}

.ccx-home .ccx-plan-grid strong{
  display:block !important;
  max-width:100% !important;
  font-size:12px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  overflow-wrap:anywhere !important;
}

.ccx-home .ccx-plan-grid small{
  display:block !important;
  max-width:100% !important;
  font-size:10px !important;
  line-height:1.12 !important;
  color:#746b60 !important;
  overflow-wrap:anywhere !important;
}

/* Header category nav más parecido al mockup, sin desbordar visualmente */
.ccx-category-nav{
  max-width:1180px !important;
  border-left:1px solid var(--cc-line) !important;
  border-right:1px solid var(--cc-line) !important;
}

.ccx-category-nav a{
  min-width:128px !important;
  padding:0 18px !important;
}

/* Desktop medio */
@media (max-width:1180px){
  .ccx-home .ccx-category-cards{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .ccx-home .ccx-plans{
    grid-template-columns:1fr !important;
  }

  .ccx-home .ccx-plan-copy p{
    max-width:100% !important;
  }
}

/* Mobile como mockup: planes en una sola tarjeta compacta */
@media (max-width:820px){
  .ccx-home .ccx-popular{
    display:block !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .ccx-home .ccx-category-cards{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:104px !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    gap:10px !important;
    scrollbar-width:none !important;
  }

  .ccx-home .ccx-category-cards::-webkit-scrollbar{
    display:none !important;
  }

  .ccx-home .ccx-category-card{
    min-height:86px !important;
    border-radius:12px !important;
    background:#fff !important;
  }

  .ccx-home .ccx-plans{
    margin:16px 0 !important;
    padding:16px !important;
    min-height:126px !important;
    display:grid !important;
    grid-template-columns:minmax(120px,.8fr) minmax(190px,1.2fr) !important;
    gap:14px !important;
    border-radius:16px !important;
  }

  .ccx-home .ccx-plan-copy h2{
    font-size:18px !important;
  }

  .ccx-home .ccx-plan-copy p{
    font-size:12px !important;
    line-height:1.3 !important;
  }

  .ccx-home .ccx-plan-grid{
    display:flex !important;
    gap:10px !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
    justify-content:flex-end !important;
  }

  .ccx-home .ccx-plan-grid article{
    flex:0 0 52px !important;
    width:52px !important;
    height:76px !important;
    border:1px solid var(--cc-line) !important;
    border-radius:999px 999px 10px 10px !important;
    background:#fff7e8 !important;
    padding:8px !important;
  }

  .ccx-home .ccx-plan-grid strong,
  .ccx-home .ccx-plan-grid small{
    display:none !important;
  }

  .ccx-home .ccx-plan-grid svg{
    width:25px !important;
    height:25px !important;
  }
}

@media (max-width:420px){
  .ccx-home .ccx-plans{
    grid-template-columns:1fr auto !important;
  }

  .ccx-home .ccx-plan-grid article{
    flex-basis:46px !important;
    width:46px !important;
    height:70px !important;
  }
}

/* DESKTOP REFINEMENT - HOME / MARKET LIKE MOCKUP */
@media (min-width:821px){

  :root{
    --cc-max:1440px;
  }

  .ccx-header-inner{
    max-width:1440px !important;
    min-height:82px !important;
    grid-template-columns:270px minmax(520px,1fr) auto !important;
    gap:22px !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .ccx-logo-mark{
    width:64px !important;
    height:64px !important;
  }

  .ccx-logo-mark img{
    width:64px !important;
    height:64px !important;
  }

  .ccx-logo-copy strong{
    font-size:22px !important;
    max-width:210px !important;
  }

  .ccx-search{
    height:50px !important;
    grid-template-columns:210px 1fr 58px !important;
    border-radius:12px !important;
  }

  .ccx-actions{
    gap:12px !important;
  }

  .ccx-round,
  .ccx-login,
  .ccx-publish{
    height:46px !important;
  }

  /* Categorías arriba: una barra limpia tipo mockup, sin franja rota */
  .ccx-category-nav{
    max-width:1440px !important;
    height:58px !important;
    padding:0 28px !important;
    margin:0 auto 22px !important;
    background:#fff !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:1px solid var(--cc-line) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    justify-content:center !important;
    gap:0 !important;
  }

  .ccx-category-nav a{
    min-width:auto !important;
    height:58px !important;
    padding:0 24px !important;
    border-left:1px solid #eee6d9 !important;
    flex:0 0 auto !important;
    font-size:14px !important;
    white-space:nowrap !important;
  }

  .ccx-category-nav a:first-child{
    border-left:0 !important;
  }

  .ccx-category-nav svg{
    width:18px !important;
    height:18px !important;
  }

  .ccx-shell{
    max-width:1440px !important;
    padding:0 28px 38px !important;
  }

  /* Home desktop real 3 columnas */
  .ccx-home-grid{
    grid-template-columns:220px minmax(760px,1fr) 250px !important;
    gap:28px !important;
  }

  .ccx-hero{
    min-height:330px !important;
    border-radius:16px !important;
  }

  .ccx-hero-copy{
    padding:42px 38px !important;
    width:57% !important;
  }

  .ccx-hero h1{
    font-size:42px !important;
  }

  .ccx-hero p{
    font-size:18px !important;
    max-width:560px !important;
  }

  .ccx-world{
    width:64% !important;
  }

  .ccx-trust article{
    min-height:104px !important;
  }

  .ccx-listings{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .ccx-listing-card{
    min-height:270px !important;
  }

  .ccx-media{
    height:145px !important;
  }

  /* Home bottom: categorías arriba, planes abajo como una tarjeta ancha */
  .ccx-home .ccx-bottom-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .ccx-home .ccx-popular{
    width:100% !important;
  }

  .ccx-home .ccx-category-cards{
    grid-template-columns:repeat(6,minmax(112px,1fr)) !important;
    gap:12px !important;
  }

  .ccx-home .ccx-plans{
    grid-template-columns:280px 1fr !important;
    gap:28px !important;
    width:100% !important;
    min-height:128px !important;
  }

  .ccx-home .ccx-plan-grid{
    grid-template-columns:repeat(4,minmax(140px,1fr)) !important;
  }

  .ccx-home .ccx-plan-grid article{
    height:102px !important;
  }

  /* MARKET: que no se vea miniatura en el centro */
  .ccx-market-page{
    width:100% !important;
  }

  .ccx-market-hero{
    width:100% !important;
    min-height:220px !important;
    border-radius:16px !important;
    padding:36px 40px !important;
    grid-template-columns:1fr 460px !important;
  }

  .ccx-market-hero h1{
    font-size:42px !important;
  }

  .ccx-market-grid{
    grid-template-columns:220px minmax(780px,1fr) 250px !important;
    gap:28px !important;
  }

  .ccx-market-tabs{
    grid-template-columns:repeat(6,1fr) !important;
    gap:12px !important;
  }

  .ccx-market-tabs a{
    min-height:76px !important;
    font-size:13px !important;
  }

  .ccx-market-results{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .ccx-market-card{
    min-height:282px !important;
  }

  .ccx-market-media{
    height:155px !important;
  }

  .ccx-market-card-body strong{
    font-size:15px !important;
  }

  .ccx-market-bottom{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .ccx-market-bottom .ccx-popular,
  .ccx-market-bottom .ccx-plans{
    width:100% !important;
  }

  .ccx-market-bottom .ccx-plans{
    grid-template-columns:280px 1fr !important;
  }

  .ccx-market-bottom .ccx-plan-grid{
    grid-template-columns:repeat(4,minmax(140px,1fr)) !important;
  }

  .ccx-sellers,
  .ccx-promo,
  .ccx-filter,
  .ccx-saved{
    border-radius:16px !important;
  }
}

/* Evitar que la categoría de arriba muestre media tarjeta cortada rara */
@media (min-width:821px) and (max-width:1320px){
  .ccx-category-nav{
    justify-content:flex-start !important;
  }

  .ccx-category-nav a{
    padding:0 20px !important;
  }

  .ccx-home-grid,
  .ccx-market-grid{
    grid-template-columns:210px minmax(620px,1fr) 230px !important;
    gap:22px !important;
  }

  .ccx-market-results{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Pantallas muy anchas: usar mejor el espacio */
@media (min-width:1500px){
  .ccx-header-inner,
  .ccx-category-nav,
  .ccx-shell{
    max-width:1500px !important;
  }

  .ccx-home-grid,
  .ccx-market-grid{
    grid-template-columns:230px minmax(860px,1fr) 270px !important;
  }
}

/* CSS ONLY SAFE NAV CATEGORY FIX - no Blade changes */
@media (min-width:821px){
  .ccx-category-nav{
    max-width:100% !important;
    height:auto !important;
    min-height:56px !important;
    margin:0 auto 22px !important;
    padding:0 24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#fff !important;
    border:0 !important;
    border-top:1px solid rgba(232,222,206,.75) !important;
    border-bottom:1px solid rgba(232,222,206,.95) !important;
    scrollbar-width:none !important;
  }

  .ccx-category-nav::-webkit-scrollbar{
    display:none !important;
  }

  .ccx-category-nav a{
    height:56px !important;
    min-width:auto !important;
    max-width:170px !important;
    padding:0 20px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border-left:1px solid #eee6d9 !important;
    background:#fff !important;
    color:#17120d !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .ccx-category-nav a:first-child{
    border-left:0 !important;
  }

  .ccx-category-nav a:nth-of-type(n+8){
    display:none !important;
  }

  .ccx-category-nav a svg{
    width:17px !important;
    height:17px !important;
    flex:0 0 auto !important;
    color:#2f2a22 !important;
  }

  .ccx-category-nav a span{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .ccx-category-nav a:hover{
    background:#fff7e8 !important;
    color:#9f680f !important;
  }

  body[data-theme="dark"] .ccx-category-nav,
  body[data-theme="dark"] .ccx-category-nav a{
    background:#0f1118 !important;
    border-color:#30291c !important;
    color:#f8f0e4 !important;
  }

  body[data-theme="dark"] .ccx-category-nav a:hover{
    background:#19150d !important;
    color:#e2b456 !important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  .ccx-category-nav{
    justify-content:flex-start !important;
  }

  .ccx-category-nav a{
    padding:0 16px !important;
    max-width:150px !important;
    font-size:12px !important;
  }

  .ccx-category-nav a:nth-of-type(n+7){
    display:none !important;
  }
}

@media (max-width:820px){
  .ccx-category-nav{
    display:none !important;
  }
}

/* FIX AUDITADO: NAV PROFESIONAL 7 + MAS CATEGORIAS */
@media (min-width:821px){
  .ccx-category-nav{
    max-width:100% !important;
    min-height:56px !important;
    height:auto !important;
    margin:0 auto 22px !important;
    padding:0 24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:visible !important;
    background:#fff !important;
    border:0 !important;
    border-top:1px solid rgba(232,222,206,.75) !important;
    border-bottom:1px solid rgba(232,222,206,.95) !important;
  }

  .ccx-category-nav > a.ccx-nav-main-cat,
  .ccx-category-more > summary{
    height:56px !important;
    min-width:0 !important;
    max-width:170px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border-left:1px solid #eee6d9 !important;
    background:#fff !important;
    color:#17120d !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    cursor:pointer !important;
  }

  .ccx-category-nav > a.ccx-nav-main-cat:first-child{
    border-left:0 !important;
  }

  .ccx-category-nav > a.ccx-nav-main-cat svg,
  .ccx-category-more > summary svg{
    width:17px !important;
    height:17px !important;
    flex:0 0 auto !important;
    color:#2f2a22 !important;
  }

  .ccx-category-nav > a.ccx-nav-main-cat span,
  .ccx-category-more > summary span{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .ccx-category-more{
    position:relative !important;
    flex:0 0 auto !important;
  }

  .ccx-category-more > summary{
    list-style:none !important;
    border-right:1px solid #eee6d9 !important;
  }

  .ccx-category-more > summary::-webkit-details-marker{
    display:none !important;
  }

  .ccx-category-nav > a.ccx-nav-main-cat:hover,
  .ccx-category-more[open] > summary{
    background:#fff7e8 !important;
    color:#9f680f !important;
  }

  .ccx-category-more-menu{
    position:absolute !important;
    top:62px !important;
    right:0 !important;
    width:320px !important;
    max-height:430px !important;
    overflow:auto !important;
    padding:10px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    background:#fff !important;
    border:1px solid var(--cc-line) !important;
    border-radius:16px !important;
    box-shadow:0 24px 70px rgba(35,25,8,.16) !important;
    z-index:120 !important;
  }

  .ccx-category-more:not([open]) .ccx-category-more-menu{
    display:none !important;
  }

  .ccx-category-more-menu a,
  .ccx-category-more-menu a:nth-of-type(n+8){
    min-height:42px !important;
    max-width:none !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    background:#fff !important;
    color:#17120d !important;
    font-size:13px !important;
    font-weight:900 !important;
    white-space:normal !important;
  }

  .ccx-category-more-menu a:hover{
    background:#fff3dc !important;
    color:#9f680f !important;
  }

  .ccx-category-more-menu svg{
    width:18px !important;
    height:18px !important;
    flex:0 0 auto !important;
    color:#a56d16 !important;
  }
}

/* THEME persistente tambien desde html[data-theme] */
html[data-theme="dark"] body,
body[data-theme="dark"]{
  --cc-bg:#06070b;
  --cc-card:#0e1118;
  --cc-soft:#16120b;
  --cc-line:#30291c;
  --cc-text:#f7efe2;
  --cc-muted:#c8bda9;
  background:
    radial-gradient(circle at 0% 18%,rgba(212,154,46,.14),transparent 23%),
    radial-gradient(circle at 100% 0%,rgba(212,154,46,.12),transparent 25%),
    linear-gradient(180deg,#07080c 0%,#090806 100%) !important;
  color:var(--cc-text) !important;
}

html[data-theme="dark"] .ccx-header,
html[data-theme="dark"] .ccx-category-nav,
html[data-theme="dark"] .ccx-category-nav > a.ccx-nav-main-cat,
html[data-theme="dark"] .ccx-category-more > summary,
html[data-theme="dark"] .ccx-category-more-menu,
html[data-theme="dark"] .ccx-category-more-menu a,
html[data-theme="dark"] .ccx-mobile-topbar,
html[data-theme="dark"] .ccx-bottom-nav{
  background:#0f1118 !important;
  border-color:#30291c !important;
  color:#f8f0e4 !important;
}

html[data-theme="dark"] .ccx-category-nav > a.ccx-nav-main-cat:hover,
html[data-theme="dark"] .ccx-category-more[open] > summary,
html[data-theme="dark"] .ccx-category-more-menu a:hover{
  background:#19150d !important;
  color:#e2b456 !important;
}

@media (min-width:821px) and (max-width:1180px){
  .ccx-category-nav{
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .ccx-category-nav > a.ccx-nav-main-cat,
  .ccx-category-more > summary{
    padding:0 14px !important;
    max-width:148px !important;
    font-size:12px !important;
  }
}

@media (max-width:820px){
  .ccx-category-nav{
    display:none !important;
  }
}

/* DARK MODE PREMIUM BLUE / WHITE / GOLD - CLEAN FINAL
   Scope:
   - layout
   - home
   - market cards
   - mobile drawer
   - mobile home
   - readable inputs/cards
*/
html[data-theme="dark"] body,
body[data-theme="dark"]{
  --cc-bg:#07111f;
  --cc-card:#0d1a2c;
  --cc-soft:#11223a;
  --cc-line:rgba(212,175,55,.30);
  --cc-text:#f8fbff;
  --cc-muted:#b9c7d8;
  background:
    radial-gradient(circle at 14% 8%,rgba(212,175,55,.16),transparent 25%),
    radial-gradient(circle at 90% 4%,rgba(42,103,170,.24),transparent 32%),
    linear-gradient(180deg,#06101d 0%,#081524 48%,#050b14 100%) !important;
  color:#f8fbff !important;
}

/* Header / top navigation */
html[data-theme="dark"] .ccx-header,
body[data-theme="dark"] .ccx-header,
html[data-theme="dark"] .ccx-mobile-topbar,
body[data-theme="dark"] .ccx-mobile-topbar,
html[data-theme="dark"] .ccx-category-nav,
body[data-theme="dark"] .ccx-category-nav{
  background:rgba(8,19,34,.97) !important;
  border-color:rgba(212,175,55,.28) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .ccx-logo-copy strong,
html[data-theme="dark"] .ccx-logo-copy small,
html[data-theme="dark"] .ccx-login,
html[data-theme="dark"] .ccx-round,
html[data-theme="dark"] .ccx-category-nav a,
html[data-theme="dark"] .ccx-category-nav > a.ccx-nav-main-cat,
html[data-theme="dark"] .ccx-category-more > summary,
body[data-theme="dark"] .ccx-logo-copy strong,
body[data-theme="dark"] .ccx-logo-copy small,
body[data-theme="dark"] .ccx-login,
body[data-theme="dark"] .ccx-round,
body[data-theme="dark"] .ccx-category-nav a,
body[data-theme="dark"] .ccx-category-nav > a.ccx-nav-main-cat,
body[data-theme="dark"] .ccx-category-more > summary{
  color:#ffffff !important;
}

/* Header controls / dropdowns */
html[data-theme="dark"] .ccx-search,
html[data-theme="dark"] .ccx-search input,
html[data-theme="dark"] .ccx-search select,
html[data-theme="dark"] .ccx-round,
html[data-theme="dark"] .ccx-login,
html[data-theme="dark"] .ccx-theme-menu,
html[data-theme="dark"] .ccx-theme-menu button,
html[data-theme="dark"] .ccx-lang-menu,
html[data-theme="dark"] .ccx-category-more-menu,
html[data-theme="dark"] .ccx-category-more-menu a,
body[data-theme="dark"] .ccx-search,
body[data-theme="dark"] .ccx-search input,
body[data-theme="dark"] .ccx-search select,
body[data-theme="dark"] .ccx-round,
body[data-theme="dark"] .ccx-login,
body[data-theme="dark"] .ccx-theme-menu,
body[data-theme="dark"] .ccx-theme-menu button,
body[data-theme="dark"] .ccx-lang-menu,
body[data-theme="dark"] .ccx-category-more-menu,
body[data-theme="dark"] .ccx-category-more-menu a{
  background:#0f2036 !important;
  color:#f8fbff !important;
  border-color:rgba(212,175,55,.30) !important;
}

html[data-theme="dark"] .ccx-search input::placeholder,
body[data-theme="dark"] .ccx-search input::placeholder{
  color:#9fb0c6 !important;
}

/* Main cards */
html[data-theme="dark"] .ccx-filter,
html[data-theme="dark"] .ccx-saved,
html[data-theme="dark"] .ccx-sellers,
html[data-theme="dark"] .ccx-popular,
html[data-theme="dark"] .ccx-plans,
html[data-theme="dark"] .ccx-listing-card,
html[data-theme="dark"] .ccx-market-card,
html[data-theme="dark"] .ccx-category-card,
html[data-theme="dark"] .ccx-market-tabs a,
html[data-theme="dark"] .ccx-account-sidebar,
html[data-theme="dark"] .ccx-account-card,
html[data-theme="dark"] .ccx-panel-content,
body[data-theme="dark"] .ccx-filter,
body[data-theme="dark"] .ccx-saved,
body[data-theme="dark"] .ccx-sellers,
body[data-theme="dark"] .ccx-popular,
body[data-theme="dark"] .ccx-plans,
body[data-theme="dark"] .ccx-listing-card,
body[data-theme="dark"] .ccx-market-card,
body[data-theme="dark"] .ccx-category-card,
body[data-theme="dark"] .ccx-market-tabs a,
body[data-theme="dark"] .ccx-account-sidebar,
body[data-theme="dark"] .ccx-account-card,
body[data-theme="dark"] .ccx-panel-content{
  background:linear-gradient(180deg,#0f2036 0%,#0b1728 100%) !important;
  color:#f8fbff !important;
  border-color:rgba(212,175,55,.28) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24) !important;
}

/* Text hierarchy */
html[data-theme="dark"] .ccx-filter label,
html[data-theme="dark"] .ccx-mini-head strong,
html[data-theme="dark"] .ccx-saved strong,
html[data-theme="dark"] .ccx-section-head h2,
html[data-theme="dark"] .ccx-listing-main strong,
html[data-theme="dark"] .ccx-listing-main b,
html[data-theme="dark"] .ccx-listing-card strong,
html[data-theme="dark"] .ccx-market-card strong,
html[data-theme="dark"] .ccx-market-card b,
html[data-theme="dark"] .ccx-category-card strong,
html[data-theme="dark"] .ccx-plan-copy h2,
html[data-theme="dark"] .ccx-sellers strong,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
body[data-theme="dark"] .ccx-filter label,
body[data-theme="dark"] .ccx-mini-head strong,
body[data-theme="dark"] .ccx-saved strong,
body[data-theme="dark"] .ccx-section-head h2,
body[data-theme="dark"] .ccx-listing-main strong,
body[data-theme="dark"] .ccx-listing-main b,
body[data-theme="dark"] .ccx-listing-card strong,
body[data-theme="dark"] .ccx-market-card strong,
body[data-theme="dark"] .ccx-market-card b,
body[data-theme="dark"] .ccx-category-card strong,
body[data-theme="dark"] .ccx-plan-copy h2,
body[data-theme="dark"] .ccx-sellers strong,
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3{
  color:#ffffff !important;
}

html[data-theme="dark"] .ccx-listing-main small,
html[data-theme="dark"] .ccx-market-card small,
html[data-theme="dark"] .ccx-category-card small,
html[data-theme="dark"] .ccx-plan-copy p,
html[data-theme="dark"] .ccx-plan-grid small,
html[data-theme="dark"] .ccx-sellers small,
html[data-theme="dark"] p,
html[data-theme="dark"] small,
body[data-theme="dark"] .ccx-listing-main small,
body[data-theme="dark"] .ccx-market-card small,
body[data-theme="dark"] .ccx-category-card small,
body[data-theme="dark"] .ccx-plan-copy p,
body[data-theme="dark"] .ccx-plan-grid small,
body[data-theme="dark"] .ccx-sellers small,
body[data-theme="dark"] p,
body[data-theme="dark"] small{
  color:#c5d1df !important;
}

/* Inputs must stay readable */
html[data-theme="dark"] .ccx-filter select,
html[data-theme="dark"] .ccx-filter input,
html[data-theme="dark"] .ccx-market-search,
html[data-theme="dark"] .ccx-market-search input,
html[data-theme="dark"] .ccx-hero-search,
html[data-theme="dark"] .ccx-hero-search input,
body[data-theme="dark"] .ccx-filter select,
body[data-theme="dark"] .ccx-filter input,
body[data-theme="dark"] .ccx-market-search,
body[data-theme="dark"] .ccx-market-search input,
body[data-theme="dark"] .ccx-hero-search,
body[data-theme="dark"] .ccx-hero-search input{
  background:#ffffff !important;
  color:#07111f !important;
  border-color:rgba(212,175,55,.38) !important;
}

/* Hero */
html[data-theme="dark"] .ccx-hero,
body[data-theme="dark"] .ccx-hero{
  background:#020814 !important;
  border:1px solid rgba(212,175,55,.38) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.36) !important;
}

html[data-theme="dark"] .ccx-hero h1,
html[data-theme="dark"] .ccx-hero p,
html[data-theme="dark"] .ccx-hero span,
body[data-theme="dark"] .ccx-hero h1,
body[data-theme="dark"] .ccx-hero p,
body[data-theme="dark"] .ccx-hero span{
  color:#ffffff !important;
  opacity:1 !important;
}

/* Trust cards: premium white cards for contrast */
html[data-theme="dark"] .ccx-trust,
body[data-theme="dark"] .ccx-trust{
  background:#ffffff !important;
  border:1px solid rgba(212,175,55,.42) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.20) !important;
}

html[data-theme="dark"] .ccx-trust article,
body[data-theme="dark"] .ccx-trust article{
  background:#ffffff !important;
  color:#07111f !important;
  border-color:rgba(212,175,55,.18) !important;
}

html[data-theme="dark"] .ccx-trust article *,
body[data-theme="dark"] .ccx-trust article *{
  color:#07111f !important;
  opacity:1 !important;
}

html[data-theme="dark"] .ccx-trust small,
body[data-theme="dark"] .ccx-trust small{
  color:#64748b !important;
}

html[data-theme="dark"] .ccx-trust span,
body[data-theme="dark"] .ccx-trust span{
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
}

html[data-theme="dark"] .ccx-trust span svg,
body[data-theme="dark"] .ccx-trust span svg{
  color:#ffffff !important;
  stroke:#ffffff !important;
}

/* Plans */
html[data-theme="dark"] .ccx-plans,
body[data-theme="dark"] .ccx-plans{
  background:linear-gradient(90deg,#0f2036 0%,#122b4a 100%) !important;
}

html[data-theme="dark"] .ccx-plan-grid,
body[data-theme="dark"] .ccx-plan-grid{
  background:transparent !important;
}

html[data-theme="dark"] .ccx-plan-grid article,
body[data-theme="dark"] .ccx-plan-grid article{
  background:#ffffff !important;
  color:#07111f !important;
  border-color:rgba(212,175,55,.35) !important;
}

html[data-theme="dark"] .ccx-plan-grid strong,
body[data-theme="dark"] .ccx-plan-grid strong{
  color:#07111f !important;
}

html[data-theme="dark"] .ccx-plan-grid small,
body[data-theme="dark"] .ccx-plan-grid small{
  color:#64748b !important;
}

/* Popular category cards */
html[data-theme="dark"] .ccx-category-card svg,
body[data-theme="dark"] .ccx-category-card svg{
  color:#d4af37 !important;
  stroke:#d4af37 !important;
}

/* Promo remains luxury dark */
html[data-theme="dark"] .ccx-promo,
body[data-theme="dark"] .ccx-promo{
  background:#020814 !important;
  color:#ffffff !important;
  border-color:rgba(212,175,55,.32) !important;
}

html[data-theme="dark"] .ccx-promo h2,
body[data-theme="dark"] .ccx-promo h2{
  color:#f2c765 !important;
}

/* Gold buttons / active states */
html[data-theme="dark"] .ccx-category-nav a:hover,
html[data-theme="dark"] .ccx-category-nav > a.ccx-nav-main-cat:hover,
html[data-theme="dark"] .ccx-category-more[open] > summary,
html[data-theme="dark"] .ccx-theme-menu button:hover,
html[data-theme="dark"] .ccx-theme-menu button.is-active,
html[data-theme="dark"] .ccx-lang-menu a:hover,
html[data-theme="dark"] .ccx-lang-menu a.is-active,
html[data-theme="dark"] .ccx-market-tabs a.is-active,
body[data-theme="dark"] .ccx-category-nav a:hover,
body[data-theme="dark"] .ccx-category-nav > a.ccx-nav-main-cat:hover,
body[data-theme="dark"] .ccx-category-more[open] > summary,
body[data-theme="dark"] .ccx-theme-menu button:hover,
body[data-theme="dark"] .ccx-theme-menu button.is-active,
body[data-theme="dark"] .ccx-lang-menu a:hover,
body[data-theme="dark"] .ccx-lang-menu a.is-active,
body[data-theme="dark"] .ccx-market-tabs a.is-active{
  background:rgba(212,175,55,.16) !important;
  color:#ffd978 !important;
}

html[data-theme="dark"] .ccx-publish,
html[data-theme="dark"] .ccx-filter button,
html[data-theme="dark"] .ccx-hero-search button,
html[data-theme="dark"] .ccx-market-search button,
html[data-theme="dark"] .ccx-plan-button,
html[data-theme="dark"] .ccx-promo a,
body[data-theme="dark"] .ccx-publish,
body[data-theme="dark"] .ccx-filter button,
body[data-theme="dark"] .ccx-hero-search button,
body[data-theme="dark"] .ccx-market-search button,
body[data-theme="dark"] .ccx-plan-button,
body[data-theme="dark"] .ccx-promo a{
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}

/* Footer strip */
html[data-theme="dark"] .ccx-footer-strip,
body[data-theme="dark"] .ccx-footer-strip{
  background:rgba(255,255,255,.96) !important;
  color:#07111f !important;
  border-color:rgba(212,175,55,.26) !important;
}

html[data-theme="dark"] .ccx-footer-strip strong,
body[data-theme="dark"] .ccx-footer-strip strong{
  color:#07111f !important;
}

html[data-theme="dark"] .ccx-footer-strip small,
body[data-theme="dark"] .ccx-footer-strip small{
  color:#64748b !important;
}

/* Mobile dark */
@media (max-width:820px){
  html[data-theme="dark"] .ccx-mobile-cats,
  body[data-theme="dark"] .ccx-mobile-cats{
    background:transparent !important;
  }

  html[data-theme="dark"] .ccx-mobile-cats a,
  body[data-theme="dark"] .ccx-mobile-cats a{
    background:#ffffff !important;
    color:#07111f !important;
    border:1px solid rgba(212,175,55,.55) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
  }

  html[data-theme="dark"] .ccx-mobile-cats a *,
  body[data-theme="dark"] .ccx-mobile-cats a *{
    color:#07111f !important;
    opacity:1 !important;
    text-shadow:none !important;
  }

  html[data-theme="dark"] .ccx-mobile-cats a svg,
  body[data-theme="dark"] .ccx-mobile-cats a svg{
    color:#b97818 !important;
    stroke:#b97818 !important;
  }

  html[data-theme="dark"] .ccx-mobile-search form,
  html[data-theme="dark"] .ccx-mobile-search input,
  html[data-theme="dark"] .ccx-mobile-search a,
  body[data-theme="dark"] .ccx-mobile-search form,
  body[data-theme="dark"] .ccx-mobile-search input,
  body[data-theme="dark"] .ccx-mobile-search a{
    background:#ffffff !important;
    color:#07111f !important;
    border-color:rgba(212,175,55,.55) !important;
  }

  html[data-theme="dark"] .ccx-mobile-search input::placeholder,
  body[data-theme="dark"] .ccx-mobile-search input::placeholder{
    color:#64748b !important;
    opacity:1 !important;
  }

  html[data-theme="dark"] .ccx-mobile-search a *,
  body[data-theme="dark"] .ccx-mobile-search a *{
    color:#07111f !important;
  }

  html[data-theme="dark"] .ccx-mobile-drawer,
  body[data-theme="dark"] .ccx-mobile-drawer{
    background:#081524 !important;
    color:#ffffff !important;
  }

  html[data-theme="dark"] .ccx-drawer-nav a,
  html[data-theme="dark"] .ccx-drawer-langs a,
  body[data-theme="dark"] .ccx-drawer-nav a,
  body[data-theme="dark"] .ccx-drawer-langs a{
    background:#ffffff !important;
    color:#07111f !important;
    border:1px solid rgba(212,175,55,.45) !important;
  }

  html[data-theme="dark"] .ccx-drawer-nav a *,
  html[data-theme="dark"] .ccx-drawer-langs a *,
  body[data-theme="dark"] .ccx-drawer-nav a *,
  body[data-theme="dark"] .ccx-drawer-langs a *{
    color:#07111f !important;
    opacity:1 !important;
  }

  html[data-theme="dark"] .ccx-drawer-nav svg,
  body[data-theme="dark"] .ccx-drawer-nav svg{
    color:#b97818 !important;
    stroke:#b97818 !important;
  }

  html[data-theme="dark"] .ccx-drawer-langs a.is-active,
  body[data-theme="dark"] .ccx-drawer-langs a.is-active{
    background:linear-gradient(135deg,#d4af37,#b97818) !important;
    color:#ffffff !important;
  }

  html[data-theme="dark"] .ccx-drawer-langs a.is-active *,
  body[data-theme="dark"] .ccx-drawer-langs a.is-active *{
    color:#ffffff !important;
  }

  html[data-theme="dark"] .ccx-home .ccx-popular,
  html[data-theme="dark"] .ccx-home .ccx-plans,
  body[data-theme="dark"] .ccx-home .ccx-popular,
  body[data-theme="dark"] .ccx-home .ccx-plans{
    background:linear-gradient(180deg,#0f2036 0%,#0b1728 100%) !important;
  }

  html[data-theme="dark"] .ccx-home .ccx-category-card,
  body[data-theme="dark"] .ccx-home .ccx-category-card{
    background:#ffffff !important;
    color:#07111f !important;
    border-color:rgba(212,175,55,.55) !important;
  }

  html[data-theme="dark"] .ccx-home .ccx-category-card *,
  body[data-theme="dark"] .ccx-home .ccx-category-card *{
    color:#07111f !important;
  }

  html[data-theme="dark"] .ccx-home .ccx-category-card svg,
  body[data-theme="dark"] .ccx-home .ccx-category-card svg{
    color:#b97818 !important;
    stroke:#b97818 !important;
  }
}


/* MOBILE SETTINGS SELECTORS: language + theme as dropdowns */
@media (max-width:820px){
  .ccx-mobile-settings-selectors{
    margin:0 0 16px !important;
    padding:14px !important;
    border:1px solid rgba(212,175,55,.35) !important;
    border-radius:16px !important;
    background:#ffffff !important;
  }

  .ccx-mobile-settings-selectors > strong{
    display:block !important;
    margin:0 0 12px !important;
    color:#07111f !important;
    font-size:14px !important;
    font-weight:950 !important;
  }

  .ccx-mobile-settings-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .ccx-mobile-settings-grid label{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    color:#07111f !important;
    font-size:12px !important;
    font-weight:950 !important;
  }

  .ccx-mobile-settings-grid label span{
    color:#07111f !important;
  }

  .ccx-mobile-settings-grid select{
    width:100% !important;
    height:42px !important;
    padding:0 12px !important;
    border:1px solid rgba(212,175,55,.45) !important;
    border-radius:11px !important;
    background:#fffaf1 !important;
    color:#07111f !important;
    font-weight:950 !important;
    outline:0 !important;
  }

  html[data-theme="dark"] .ccx-mobile-settings-selectors,
  body[data-theme="dark"] .ccx-mobile-settings-selectors{
    background:#ffffff !important;
    border-color:rgba(212,175,55,.55) !important;
  }

  html[data-theme="dark"] .ccx-mobile-settings-selectors > strong,
  html[data-theme="dark"] .ccx-mobile-settings-grid label,
  html[data-theme="dark"] .ccx-mobile-settings-grid label span,
  body[data-theme="dark"] .ccx-mobile-settings-selectors > strong,
  body[data-theme="dark"] .ccx-mobile-settings-grid label,
  body[data-theme="dark"] .ccx-mobile-settings-grid label span{
    color:#07111f !important;
  }

  html[data-theme="dark"] .ccx-mobile-settings-grid select,
  body[data-theme="dark"] .ccx-mobile-settings-grid select{
    background:#fffaf1 !important;
    color:#07111f !important;
    border-color:rgba(212,175,55,.55) !important;
  }

  /* Hide old language pill row and old theme buttons inside drawer */
  .ccx-mobile-drawer .ccx-drawer-langs,
  .ccx-mobile-drawer [data-ccx-mobile-theme-controls]{
    display:none !important;
  }

  /* Chat view: bottom nav must not cover conversation */
  body.ccx-chat-page .ccx-bottom-nav,
  body.ccx-chat-page .ccx-mobile-bottom-nav,
  body.ccx-chat-page .ccx-bottom-publish{
    display:none !important;
  }

  body.ccx-chat-page{
    padding-bottom:0 !important;
  }

  body.ccx-chat-page .ccx-shell,
  body.ccx-chat-page .ccx-panel-shell,
  body.ccx-chat-page main{
    padding-bottom:16px !important;
  }
}

/* ============================================================
   BOTTOM NAV MOVIL LIMPIO - UNICA REGLA FINAL
   Reglas:
   - 5 columnas iguales
   - publicar centrado en columna 3
   - sin pseudo textos
   - no aparece en chat
   ============================================================ */
@media (max-width:820px){
  body:not(.ccx-chat-page){
    padding-bottom:92px !important;
  }

  body:not(.ccx-chat-page) .ccx-page,
  body:not(.ccx-chat-page) .ccx-shell,
  body:not(.ccx-chat-page) .ccx-home,
  body:not(.ccx-chat-page) .ccx-market-page,
  body:not(.ccx-chat-page) .ccx-panel-shell,
  body:not(.ccx-chat-page) main{
    padding-bottom:108px !important;
  }

  .ccx-bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:999 !important;
    width:100% !important;
    height:76px !important;
    min-height:76px !important;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    align-items:center !important;
    justify-items:stretch !important;
    padding:6px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    overflow:visible !important;
    background:#ffffff !important;
    border-top:1px solid rgba(212,175,55,.32) !important;
    box-shadow:0 -12px 32px rgba(0,0,0,.10) !important;
  }

  .ccx-bottom-nav > a{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:62px !important;
    min-height:62px !important;
    margin:0 !important;
    padding:6px 0 4px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:visible !important;
    color:#07111f !important;
    text-decoration:none !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }

  .ccx-bottom-nav > a svg{
    width:22px !important;
    height:22px !important;
    color:currentColor !important;
    stroke:currentColor !important;
  }

  .ccx-bottom-nav > a small{
    display:block !important;
    width:100% !important;
    max-width:70px !important;
    margin:0 !important;
    padding:0 !important;
    color:currentColor !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-align:center !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .ccx-bottom-nav > a.is-active{
    color:#b97818 !important;
  }

  .ccx-bottom-nav > a.ccx-bottom-publish{
    grid-column:3 !important;
    width:100% !important;
    height:68px !important;
    min-height:68px !important;
    margin:0 !important;
    padding:0 0 4px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:visible !important;
    color:#07111f !important;
  }

  .ccx-bottom-nav > a.ccx-bottom-publish > span{
    position:relative !important;
    top:0 !important;
    left:auto !important;
    transform:none !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    margin:-10px auto 2px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#d4af37,#c48215) !important;
    color:#ffffff !important;
    box-shadow:0 8px 20px rgba(196,130,21,.30) !important;
    z-index:2 !important;
  }

  .ccx-bottom-nav > a.ccx-bottom-publish > span svg{
    width:28px !important;
    height:28px !important;
    color:#ffffff !important;
    stroke:#ffffff !important;
  }

  .ccx-bottom-nav > a.ccx-bottom-publish > small{
    display:block !important;
    max-width:70px !important;
    margin:0 !important;
    padding:0 !important;
    color:#07111f !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .ccx-bottom-nav > a:nth-child(3)::after,
  .ccx-bottom-nav > a.ccx-bottom-publish::before,
  .ccx-bottom-nav > a.ccx-bottom-publish::after,
  .ccx-bottom-nav > a.ccx-bottom-publish > small::after{
    content:none !important;
    display:none !important;
  }

  html[data-theme="dark"] .ccx-bottom-nav,
  body[data-theme="dark"] .ccx-bottom-nav{
    background:#07111f !important;
    border-top:1px solid rgba(212,175,55,.40) !important;
    box-shadow:0 -12px 32px rgba(0,0,0,.35) !important;
  }

  html[data-theme="dark"] .ccx-bottom-nav > a,
  body[data-theme="dark"] .ccx-bottom-nav > a{
    color:#ffffff !important;
    background:transparent !important;
  }

  html[data-theme="dark"] .ccx-bottom-nav > a.is-active,
  body[data-theme="dark"] .ccx-bottom-nav > a.is-active{
    color:#d4af37 !important;
  }

  html[data-theme="dark"] .ccx-bottom-nav > a.ccx-bottom-publish > small,
  body[data-theme="dark"] .ccx-bottom-nav > a.ccx-bottom-publish > small{
    color:#ffffff !important;
  }

  html[data-theme="dark"] .ccx-bottom-nav > a.ccx-bottom-publish > span,
  body[data-theme="dark"] .ccx-bottom-nav > a.ccx-bottom-publish > span{
    background:linear-gradient(135deg,#d4af37,#c48215) !important;
    color:#ffffff !important;
    box-shadow:0 8px 20px rgba(212,143,24,.40) !important;
  }

  body.ccx-chat-page{
    padding-bottom:0 !important;
  }

  body.ccx-chat-page .ccx-bottom-nav,
  body.ccx-chat-page .ccx-mobile-bottom-nav,
  body.ccx-chat-page .ccx-bottom-publish{
    display:none !important;
  }

  body.ccx-chat-page .ccx-page,
  body.ccx-chat-page .ccx-shell,
  body.ccx-chat-page .ccx-panel-shell,
  body.ccx-chat-page main{
    padding-bottom:16px !important;
  }
}


/* CREATE LISTING FINAL - FORM + HEADER DRAWER MENU */

/* Desktop panel stays normal */
.ccx-panel-shell{
  align-items:start;
}

.ccx-panel-content{
  min-width:0;
}

.cc-seller-listings-page{
  width:100%;
  max-width:1040px;
}

.cc-seller-listings-page > .cc-section-head{
  margin:0 0 22px;
  padding:24px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(212,175,55,.24);
  border-radius:24px;
  background:linear-gradient(135deg,#fffaf1 0%,#ffffff 72%);
  box-shadow:0 18px 48px rgba(38,27,10,.07);
}

.cc-seller-listings-page .cc-section-head h1{
  margin:6px 0 8px;
  color:#07111f;
  font-size:clamp(30px,4vw,44px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:950;
}

.cc-seller-listings-page .cc-muted{
  margin:0;
  max-width:680px;
  color:rgba(7,17,31,.68);
  font-size:15px;
  line-height:1.55;
}

.cc-seller-listings-page .cc-card{
  overflow:hidden;
  border:1px solid rgba(212,175,55,.26);
  border-radius:26px;
  background:#fff;
  box-shadow:0 22px 60px rgba(38,27,10,.08);
}

.cc-seller-listings-page .cc-card-pad{
  padding:28px;
}

.cc-seller-listings-page .cc-form{
  display:grid;
  gap:24px;
}

.cc-seller-listings-page .cc-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}

.cc-seller-listings-page .cc-form-grid > div,
.cc-seller-listings-page .cc-form > div{
  min-width:0;
}

.cc-seller-listings-page label{
  display:block;
  margin:0 0 8px;
  color:#07111f;
  font-size:13px;
  font-weight:950;
}

.cc-seller-listings-page input,
.cc-seller-listings-page select,
.cc-seller-listings-page textarea{
  width:100%;
  border:1px solid rgba(7,17,31,.16);
  border-radius:15px;
  background:#fff;
  color:#07111f;
  font-size:14px;
  font-weight:750;
  outline:0;
  box-shadow:none;
}

.cc-seller-listings-page input,
.cc-seller-listings-page select{
  height:48px;
  padding:0 15px;
}

.cc-seller-listings-page textarea{
  min-height:170px;
  padding:15px;
  resize:vertical;
}

.cc-seller-listings-page input:focus,
.cc-seller-listings-page select:focus,
.cc-seller-listings-page textarea:focus{
  border-color:#d4af37;
  box-shadow:0 0 0 4px rgba(212,175,55,.16);
}

.cc-seller-listings-page input[type="file"]{
  height:auto;
  padding:13px;
  border-style:dashed;
  background:#fffaf1;
}

.cc-seller-listings-page .cc-help{
  display:block;
  margin-top:7px;
  color:rgba(7,17,31,.62);
  font-size:12px;
  line-height:1.45;
}

.cc-seller-listings-page .cc-live-preview-wrap{
  margin-top:16px;
}

.cc-seller-listings-page .cc-live-preview-wrap h3{
  margin:0 0 12px;
  color:#07111f;
  font-size:18px;
  font-weight:950;
}

.cc-seller-listings-page .cc-live-preview-card{
  max-width:420px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.26);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 42px rgba(38,27,10,.07);
}

.cc-seller-listings-page .cc-live-preview-media{
  min-height:200px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#fff7e6,#f2e4c9);
  color:#b97818;
}

.cc-seller-listings-page .cc-live-preview-media span{
  font-size:34px;
}

.cc-seller-listings-page .cc-live-preview-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.cc-seller-listings-page .cc-live-preview-body{
  padding:18px;
}

.cc-seller-listings-page .cc-live-preview-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.cc-seller-listings-page .cc-live-preview-badges span{
  min-height:24px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#fff4de;
  color:#a06a11;
  font-size:11px;
  font-weight:950;
}

.cc-seller-listings-page .cc-live-preview-body strong{
  display:block;
  color:#07111f;
  font-size:17px;
  font-weight:950;
}

.cc-seller-listings-page .cc-live-preview-body small{
  display:block;
  margin-top:5px;
  color:rgba(7,17,31,.58);
}

.cc-seller-listings-page .cc-live-preview-price{
  margin-top:10px;
  color:#b97818;
  font-size:18px;
  font-weight:950;
}

.cc-seller-listings-page .cc-live-preview-body p{
  margin:12px 0 0;
  color:rgba(7,17,31,.66);
  line-height:1.5;
}

.cc-seller-listings-page .cc-upload-preview{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.cc-seller-listings-page .cc-upload-preview button{
  overflow:hidden;
  padding:0;
  border:1px solid rgba(212,175,55,.28);
  border-radius:14px;
  background:#fff;
}

.cc-seller-listings-page .cc-upload-preview img{
  width:92px;
  height:92px;
  object-fit:cover;
  display:block;
}

.cc-seller-listings-page .cc-form-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding-top:8px;
}

.cc-seller-listings-page .cc-btn{
  min-height:46px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:950;
  text-decoration:none;
}

.cc-seller-listings-page .cc-btn-primary{
  background:linear-gradient(135deg,#d4af37,#b97818);
  color:#fff;
}

.cc-seller-listings-page .cc-btn-dark{
  background:#07111f;
  color:#fff;
}

.cc-seller-listings-page .cc-btn-danger{
  background:#b91c1c;
  color:#fff;
}

/* Mobile: menu belongs to header drawer, not page body */
@media(max-width:820px){
  .ccx-panel-shell{
    display:block !important;
    padding:16px 14px 108px !important;
  }

  .ccx-panel-shell > .ccx-account-sidebar{
    display:none !important;
  }

  .ccx-panel-content{
    width:100% !important;
    min-width:0 !important;
  }

  .ccx-mobile-topbar{
    display:grid !important;
  }

  .ccx-mobile-drawer{
    display:block !important;
    z-index:1200 !important;
  }

  .ccx-drawer-nav{
    display:grid !important;
    gap:8px !important;
  }

  .ccx-drawer-nav a{
    min-height:48px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    border:1px solid rgba(212,175,55,.28) !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#07111f !important;
    font-weight:950 !important;
    text-decoration:none !important;
  }

  .ccx-drawer-nav a svg{
    width:18px !important;
    height:18px !important;
    color:#b97818 !important;
  }

  .ccx-drawer-nav a.is-active{
    background:linear-gradient(135deg,#d4af37,#b97818) !important;
    color:#fff !important;
  }

  .ccx-drawer-nav a.is-active svg{
    color:#fff !important;
  }

  body.ccx-drawer-open .ccx-drawer-backdrop{
    display:block !important;
    opacity:1 !important;
  }

  .cc-seller-listings-page{
    width:100% !important;
    max-width:none !important;
  }

  .cc-seller-listings-page > .cc-section-head{
    display:block !important;
    margin-bottom:16px !important;
    padding:20px !important;
    border-radius:22px !important;
  }

  .cc-seller-listings-page .cc-section-head h1{
    font-size:34px !important;
  }

  .cc-seller-listings-page .cc-section-head .cc-btn{
    width:100% !important;
    margin-top:14px !important;
  }

  .cc-seller-listings-page .cc-card-pad{
    padding:18px !important;
  }

  .cc-seller-listings-page .cc-form-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .cc-seller-listings-page .cc-live-preview-card{
    max-width:none !important;
  }

  .cc-seller-listings-page .cc-form-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .cc-seller-listings-page .cc-form-actions .cc-btn,
  .cc-seller-listings-page .cc-form-actions button{
    width:100% !important;
  }
}

/* Dark */
html[data-theme="dark"] .cc-seller-listings-page > .cc-section-head,
body[data-theme="dark"] .cc-seller-listings-page > .cc-section-head,
html[data-theme="dark"] .cc-seller-listings-page .cc-card,
body[data-theme="dark"] .cc-seller-listings-page .cc-card{
  background:linear-gradient(180deg,#0f2036,#0b1728) !important;
  border-color:rgba(212,175,55,.34) !important;
  color:#f8fbff !important;
  box-shadow:0 22px 56px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .cc-seller-listings-page h1,
html[data-theme="dark"] .cc-seller-listings-page label,
html[data-theme="dark"] .cc-seller-listings-page .cc-live-preview-wrap h3,
body[data-theme="dark"] .cc-seller-listings-page h1,
body[data-theme="dark"] .cc-seller-listings-page label,
body[data-theme="dark"] .cc-seller-listings-page .cc-live-preview-wrap h3{
  color:#fff !important;
}

html[data-theme="dark"] .cc-seller-listings-page .cc-muted,
html[data-theme="dark"] .cc-seller-listings-page .cc-help,
body[data-theme="dark"] .cc-seller-listings-page .cc-muted,
body[data-theme="dark"] .cc-seller-listings-page .cc-help{
  color:#c5d1df !important;
}

html[data-theme="dark"] .cc-seller-listings-page input,
html[data-theme="dark"] .cc-seller-listings-page select,
html[data-theme="dark"] .cc-seller-listings-page textarea,
body[data-theme="dark"] .cc-seller-listings-page input,
body[data-theme="dark"] .cc-seller-listings-page select,
body[data-theme="dark"] .cc-seller-listings-page textarea{
  background:#fff !important;
  color:#07111f !important;
  border-color:rgba(212,175,55,.42) !important;
}

html[data-theme="dark"] .cc-seller-listings-page .cc-live-preview-card,
body[data-theme="dark"] .cc-seller-listings-page .cc-live-preview-card{
  background:#fff !important;
  color:#07111f !important;
  border-color:rgba(212,175,55,.48) !important;
}

/* MOBILE HEADER FINAL - align hamburger logo bell */
@media(max-width:820px){
  .ccx-mobile-topbar{
    min-height:78px !important;
    height:78px !important;
    padding:10px 16px !important;
    display:grid !important;
    grid-template-columns:54px 1fr 54px !important;
    align-items:center !important;
    gap:12px !important;
    background:#fffaf2 !important;
    border-bottom:1px solid rgba(212,175,55,.22) !important;
  }

  .ccx-mobile-topbar .ccx-hamburger{
    grid-column:1 !important;
    justify-self:start !important;
    width:48px !important;
    height:48px !important;
    margin:0 !important;
  }

  .ccx-mobile-topbar .ccx-mobile-logo,
  .ccx-mobile-topbar .ccx-logo,
  .ccx-mobile-topbar > a{
    grid-column:2 !important;
    justify-self:center !important;
    margin:0 !important;
  }

  .ccx-mobile-topbar img{
    width:58px !important;
    height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    object-fit:contain !important;
    display:block !important;
  }

  .ccx-mobile-topbar .ccx-mobile-actions,
  .ccx-mobile-topbar .ccx-mobile-bell,
  .ccx-mobile-topbar [href*="notifications"],
  .ccx-mobile-topbar button:last-child{
    grid-column:3 !important;
    justify-self:end !important;
    margin:0 !important;
  }

  .ccx-panel-shell{
    padding-top:16px !important;
  }

  body.ccx-panel .ccx-mobile-topbar + .ccx-panel-shell,
  body.ccx-panel main.ccx-panel-shell{
    margin-top:0 !important;
  }
}

html[data-theme="dark"] .ccx-mobile-topbar,
body[data-theme="dark"] .ccx-mobile-topbar{
  background:#07111f !important;
  border-bottom-color:rgba(212,175,55,.30) !important;
}

/* MY LISTINGS PAGE FINAL */
.cc-seller-listings-page .cc-listing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.cc-seller-listings-page .cc-listing-card{
  overflow:hidden;
  border:1px solid rgba(212,175,55,.26);
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 20px 54px rgba(38,27,10,.08);
}

.cc-seller-listings-page .cc-listing-media{
  position:relative;
  height:260px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff7e6,#f2e4c9);
  display:grid;
  place-items:center;
  color:#b97818;
}

.cc-seller-listings-page .cc-listing-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cc-seller-listings-page .cc-listing-body{
  padding:18px;
}

.cc-seller-listings-page .cc-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#fff4de;
  color:#a06a11;
  font-size:11px;
  font-weight:950;
  margin-bottom:10px;
}

.cc-seller-listings-page .cc-badge-published{
  background:#dcfce7;
  color:#166534;
}

.cc-seller-listings-page .cc-badge-pending_review{
  background:#fef3c7;
  color:#92400e;
}

.cc-seller-listings-page .cc-badge-rejected,
.cc-seller-listings-page .cc-badge-needs_changes{
  background:#fee2e2;
  color:#991b1b;
}

.cc-seller-listings-page .cc-listing-title{
  color:#07111f;
  font-size:19px;
  font-weight:950;
  line-height:1.18;
  margin-bottom:8px;
}

.cc-seller-listings-page .cc-listing-meta{
  color:rgba(7,17,31,.68);
  font-size:13px;
  font-weight:800;
  line-height:1.45;
}

.cc-seller-listings-page .cc-alert{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.24);
  background:#fffaf1;
  color:#07111f;
  font-size:13px;
  line-height:1.45;
}

.cc-seller-listings-page .cc-listing-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

.cc-seller-listings-page .cc-listing-actions .cc-btn,
.cc-seller-listings-page .cc-listing-actions button,
.cc-seller-listings-page .cc-listing-actions span.cc-btn{
  min-height:42px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.28);
  background:#ffffff;
  color:#07111f;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
}

.cc-seller-listings-page .cc-listing-actions .cc-btn-primary{
  background:linear-gradient(135deg,#d4af37,#b97818);
  color:#ffffff;
  border-color:transparent;
}

.cc-seller-listings-page .cc-listing-actions .cc-btn-danger{
  background:#b91c1c;
  color:#ffffff;
  border-color:#b91c1c;
}

.cc-seller-listings-page .cc-listing-actions .cc-btn-disabled{
  background:#f1f5f9;
  color:#64748b;
  cursor:not-allowed;
}

/* Dark */
html[data-theme="dark"] .cc-seller-listings-page .cc-listing-card,
body[data-theme="dark"] .cc-seller-listings-page .cc-listing-card{
  background:linear-gradient(180deg,#0f2036,#0b1728) !important;
  border-color:rgba(212,175,55,.34) !important;
  color:#f8fbff !important;
  box-shadow:0 22px 56px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .cc-seller-listings-page .cc-listing-title,
body[data-theme="dark"] .cc-seller-listings-page .cc-listing-title{
  color:#ffffff !important;
}

html[data-theme="dark"] .cc-seller-listings-page .cc-listing-meta,
body[data-theme="dark"] .cc-seller-listings-page .cc-listing-meta{
  color:#c5d1df !important;
}

html[data-theme="dark"] .cc-seller-listings-page .cc-alert,
body[data-theme="dark"] .cc-seller-listings-page .cc-alert{
  background:#ffffff !important;
  color:#07111f !important;
  border-color:rgba(212,175,55,.42) !important;
}

/* Mobile */
@media(max-width:820px){
  .cc-seller-listings-page .cc-listing-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .cc-seller-listings-page .cc-listing-card{
    border-radius:22px !important;
  }

  .cc-seller-listings-page .cc-listing-media{
    height:265px !important;
  }

  .cc-seller-listings-page .cc-listing-body{
    padding:16px !important;
  }

  .cc-seller-listings-page .cc-listing-title{
    font-size:18px !important;
  }

  .cc-seller-listings-page .cc-listing-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .cc-seller-listings-page .cc-listing-actions .cc-btn,
  .cc-seller-listings-page .cc-listing-actions button,
  .cc-seller-listings-page .cc-listing-actions span.cc-btn{
    width:100% !important;
  }
}

/* MY LISTINGS GRID - 4 DESKTOP / 2 TABLET / 1 MOBILE */
@media(min-width:1400px){
  .cc-seller-listings-page .cc-listing-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .cc-seller-listings-page .cc-listing-media{
    height:210px !important;
  }
}

@media(min-width:1024px) and (max-width:1399px){
  .cc-seller-listings-page .cc-listing-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .cc-seller-listings-page .cc-listing-media{
    height:220px !important;
  }
}

@media(min-width:821px) and (max-width:1023px){
  .cc-seller-listings-page .cc-listing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .cc-seller-listings-page .cc-listing-grid{
    grid-template-columns:1fr !important;
  }
}

/* HOME NEW LISTINGS STACK FINAL
   The Blade marks only the real "Nuevos anuncios" section with:
   .ccx-new-listings-stack
*/
@media(max-width:820px){
  .ccx-new-listings-stack{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:22px 0 18px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .ccx-new-listings-stack .ccx-section-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 14px !important;
    padding:0 !important;
  }

  .ccx-new-listings-stack .ccx-section-head h2{
    margin:0 !important;
    font-size:22px !important;
    line-height:1.1 !important;
  }

  .ccx-new-listings-stack .ccx-listings{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    gap:14px !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }

  .ccx-new-listings-stack .ccx-listing-card{
    display:grid !important;
    grid-template-columns:126px minmax(0,1fr) !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:126px !important;
    height:auto !important;
    margin:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    border:1px solid rgba(212,175,55,.24) !important;
    box-shadow:0 12px 30px rgba(38,27,10,.06) !important;
  }

  .ccx-new-listings-stack .ccx-listing-card a:first-child,
  .ccx-new-listings-stack .ccx-listing-media,
  .ccx-new-listings-stack .ccx-listing-card picture{
    width:126px !important;
    height:126px !important;
    min-height:126px !important;
    display:block !important;
  }

  .ccx-new-listings-stack .ccx-listing-card img{
    width:126px !important;
    height:126px !important;
    object-fit:cover !important;
    display:block !important;
  }

  .ccx-new-listings-stack .ccx-listing-main{
    min-width:0 !important;
    padding:12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:5px !important;
    color:#07111f !important;
  }

  .ccx-new-listings-stack .ccx-listing-main em{
    position:static !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 0 4px !important;
  }

  .ccx-new-listings-stack .ccx-listing-main strong{
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.22 !important;
    color:#07111f !important;
  }

  .ccx-new-listings-stack .ccx-listing-main b{
    padding:0 !important;
    margin:0 !important;
    font-size:14px !important;
    color:#b97818 !important;
  }

  .ccx-new-listings-stack .ccx-listing-main small{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    color:rgba(7,17,31,.62) !important;
  }

  .ccx-new-listings-stack::after,
  .ccx-new-listings-stack .ccx-listings::after{
    content:none !important;
    display:none !important;
  }
}

html[data-theme="dark"] .ccx-new-listings-stack .ccx-listing-card,
body[data-theme="dark"] .ccx-new-listings-stack .ccx-listing-card{
  background:#ffffff !important;
  color:#07111f !important;
}

/* HOME MOBILE REAL NUEVOS ANUNCIOS - ccx-mini-listings STACK */
@media(max-width:820px){
  section.ccx-real-new-stack{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:22px 0 18px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  section.ccx-real-new-stack .ccx-section-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 14px !important;
    padding:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings a{
    display:block !important;
    width:100% !important;
    height:180px !important;
    min-height:180px !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:#f1e8d8 !important;
    border:1px solid rgba(212,175,55,.24) !important;
    box-shadow:0 12px 30px rgba(38,27,10,.06) !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings svg{
    width:42px !important;
    height:42px !important;
    color:#b97818 !important;
  }

  section.ccx-real-new-stack + *{
    margin-top:18px !important;
  }
}

/* HOME MOBILE REAL NUEVOS ANUNCIOS - FULL CARDS WITH TITLE */
@media(max-width:820px){
  section.ccx-real-new-stack{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:22px 0 18px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  section.ccx-real-new-stack .ccx-section-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 14px !important;
    padding:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings a.ccx-mini-card{
    display:grid !important;
    grid-template-columns:126px minmax(0,1fr) !important;
    align-items:stretch !important;
    width:100% !important;
    height:auto !important;
    min-height:126px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    border:1px solid rgba(212,175,55,.24) !important;
    box-shadow:0 12px 30px rgba(38,27,10,.06) !important;
    color:#07111f !important;
    text-decoration:none !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-media{
    width:126px !important;
    height:126px !important;
    min-height:126px !important;
    display:grid !important;
    place-items:center !important;
    background:#f1e8d8 !important;
    overflow:hidden !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-media img{
    width:126px !important;
    height:126px !important;
    object-fit:cover !important;
    display:block !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-media svg{
    width:38px !important;
    height:38px !important;
    color:#b97818 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body{
    min-width:0 !important;
    padding:13px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body strong{
    display:block !important;
    color:#07111f !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1.2 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body small{
    display:block !important;
    color:rgba(7,17,31,.62) !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body b{
    display:block !important;
    color:#b97818 !important;
    font-size:14px !important;
    font-weight:950 !important;
    line-height:1.15 !important;
  }
}

html[data-theme="dark"] section.ccx-real-new-stack .ccx-mini-card,
body[data-theme="dark"] section.ccx-real-new-stack .ccx-mini-card{
  background:#ffffff !important;
  color:#07111f !important;
}

/* HOME NUEVOS ANUNCIOS - WISHLIST HEART POSITION */
@media(max-width:820px){
  section.ccx-real-new-stack .ccx-mini-card-wrap{
    position:relative !important;
    width:100% !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap .wishlist-heart,
  section.ccx-real-new-stack .ccx-mini-card-wrap [class*="wishlist"]{
    position:absolute !important;
    right:10px !important;
    top:10px !important;
    z-index:8 !important;
  }
}

/* POLISH - HOME MOBILE NUEVOS ANUNCIOS */
@media(max-width:820px){

  section.ccx-real-new-stack{
    margin:22px 0 20px !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap{
    position:relative !important;
    width:100% !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings a.ccx-mini-card{
    display:grid !important;
    grid-template-columns:118px minmax(0,1fr) !important;
    align-items:stretch !important;
    width:100% !important;
    min-height:122px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    border:1px solid rgba(212,175,55,.22) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
    text-decoration:none !important;
    color:#07111f !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-media{
    width:118px !important;
    min-width:118px !important;
    height:122px !important;
    min-height:122px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(135deg,#f5ecdd,#ede2ce) !important;
    overflow:hidden !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-media svg{
    width:34px !important;
    height:34px !important;
    color:#b97818 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body{
    min-width:0 !important;
    padding:14px 52px 14px 14px !important; /* reserva espacio para el corazón */
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body strong{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    color:#0b1324 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    margin:0 !important;
    word-break:break-word !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body small{
    display:block !important;
    color:#5b6472 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    margin:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-body b{
    display:block !important;
    color:#b97818 !important;
    font-size:15px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    margin:2px 0 0 !important;
  }

  /* Wishlist */
  section.ccx-real-new-stack .ccx-mini-card-wrap .wishlist-heart,
  section.ccx-real-new-stack .ccx-mini-card-wrap [class*="wishlist"]{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    z-index:20 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap .wishlist-heart button,
  section.ccx-real-new-stack .ccx-mini-card-wrap [class*="wishlist"] button,
  section.ccx-real-new-stack .ccx-mini-card-wrap .wishlist-heart a,
  section.ccx-real-new-stack .ccx-mini-card-wrap [class*="wishlist"] a{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(7,17,31,.14) !important;
    box-shadow:0 6px 16px rgba(15,23,42,.10) !important;
    padding:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap .wishlist-heart svg,
  section.ccx-real-new-stack .ccx-mini-card-wrap [class*="wishlist"] svg{
    width:16px !important;
    height:16px !important;
  }
}

/* Dark fallback: mantener tarjetas claras para legibilidad */
html[data-theme="dark"] section.ccx-real-new-stack .ccx-mini-listings a.ccx-mini-card,
body[data-theme="dark"] section.ccx-real-new-stack .ccx-mini-listings a.ccx-mini-card{
  background:#ffffff !important;
  color:#07111f !important;
}

/* HOME MOBILE NUEVOS ANUNCIOS - REMOVE EMPTY SPACE AFTER LAST CARD */
@media(max-width:820px){
  section.ccx-real-new-stack{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding-bottom:0 !important;
    margin-bottom:18px !important;
    overflow:visible !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    overflow:visible !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap{
    margin:0 0 14px !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap:last-child{
    margin-bottom:0 !important;
  }

  section.ccx-real-new-stack + *,
  section.ccx-real-new-stack ~ *{
    margin-top:0 !important;
  }

  .ccx-center{
    padding-bottom:104px !important;
  }
}

/* MARKET MOBILE RESULTS - STACK CARDS ONE UNDER ANOTHER */
@media(max-width:820px){
  .ccx-market-results{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    gap:16px !important;
    width:100% !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }

  .ccx-market-results .ccx-market-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    display:block !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  .ccx-market-results .ccx-market-card-main{
    display:grid !important;
    grid-template-columns:128px minmax(0,1fr) !important;
    align-items:stretch !important;
    min-height:128px !important;
    text-decoration:none !important;
  }

  .ccx-market-results .ccx-market-media{
    width:128px !important;
    height:128px !important;
    min-height:128px !important;
  }

  .ccx-market-results .ccx-market-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .ccx-market-results .ccx-market-card-body{
    padding:14px 52px 14px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:7px !important;
    min-width:0 !important;
  }

  .ccx-market-results .ccx-market-card-body strong{
    font-size:15px !important;
    line-height:1.2 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .ccx-market-results .ccx-market-card-body b{
    font-size:15px !important;
    color:#b97818 !important;
  }

  .ccx-market-results .ccx-market-card-body small{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .ccx-market-results .ccx-market-card .cc-wishlist-floating-form,
  .ccx-market-results .ccx-market-card .cc-wishlist-floating-login,
  .ccx-market-results .ccx-market-card [class*="wishlist"]{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    z-index:20 !important;
  }

  .ccx-market-results .ccx-market-card .cc-wishlist-floating-btn,
  .ccx-market-results .ccx-market-card .cc-wishlist-floating-login{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(7,17,31,.14) !important;
    box-shadow:0 6px 16px rgba(15,23,42,.10) !important;
    padding:0 !important;
    color:#07111f !important;
    text-decoration:none !important;
  }
}

/* HOME MOBILE REAL NEW CARDS - WISHLIST CLASSES FROM COMPONENT */
@media(max-width:820px){
  section.ccx-real-new-stack .ccx-mini-card-wrap{
    position:relative !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap .cc-wishlist-floating-form,
  section.ccx-real-new-stack .ccx-mini-card-wrap .cc-wishlist-floating-login,
  section.ccx-real-new-stack .ccx-mini-card-wrap [class*="wishlist"]{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    z-index:30 !important;
    display:block !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap .cc-wishlist-floating-btn,
  section.ccx-real-new-stack .ccx-mini-card-wrap .cc-wishlist-floating-login{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(7,17,31,.14) !important;
    box-shadow:0 6px 16px rgba(15,23,42,.10) !important;
    padding:0 !important;
    color:#07111f !important;
    font-size:18px !important;
    line-height:1 !important;
    text-decoration:none !important;
  }
}

/* MARKET MOBILE - VERTICAL CARDS STACKED */
@media(max-width:820px){
  .ccx-market-results{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .ccx-market-results .ccx-market-card{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:22px !important;
    background:#ffffff !important;
    border:1px solid rgba(212,175,55,.26) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
  }

  .ccx-market-results .ccx-market-card-main{
    display:block !important;
    min-height:0 !important;
    width:100% !important;
    text-decoration:none !important;
    color:#07111f !important;
  }

  .ccx-market-results .ccx-market-media{
    width:100% !important;
    height:190px !important;
    min-height:190px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#f5ecdd,#ede2ce) !important;
  }

  .ccx-market-results .ccx-market-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  .ccx-market-results .ccx-market-card-body{
    padding:16px 52px 18px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    min-width:0 !important;
  }

  .ccx-market-results .ccx-market-card-body strong{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    color:#07111f !important;
  }

  .ccx-market-results .ccx-market-card-body b{
    font-size:17px !important;
    line-height:1.15 !important;
    color:#b97818 !important;
    font-weight:950 !important;
  }

  .ccx-market-results .ccx-market-card-body small{
    font-size:13px !important;
    line-height:1.35 !important;
    color:#64748b !important;
    font-weight:750 !important;
  }

  .ccx-market-results .ccx-market-card-main em{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    z-index:10 !important;
    margin:0 !important;
  }

  .ccx-market-results .ccx-market-card .cc-wishlist-floating-form,
  .ccx-market-results .ccx-market-card .cc-wishlist-floating-login,
  .ccx-market-results .ccx-market-card [class*="wishlist"]{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    z-index:20 !important;
  }

  .ccx-market-results .ccx-market-card .cc-wishlist-floating-btn,
  .ccx-market-results .ccx-market-card .cc-wishlist-floating-login{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(7,17,31,.14) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.12) !important;
    color:#07111f !important;
    padding:0 !important;
    text-decoration:none !important;
    font-size:18px !important;
    line-height:1 !important;
  }
}

/* MOBILE DRAWER - CATEGORIES INSIDE DROPDOWN */
@media(max-width:820px){
  .ccx-mobile-drawer .ccx-drawer-cats-panel{
    display:block !important;
    margin-top:12px !important;
    border:1px solid rgba(212,175,55,.34) !important;
    border-radius:18px !important;
    background:#ffffff !important;
    overflow:hidden !important;
    box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel summary{
    min-height:54px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    cursor:pointer !important;
    list-style:none !important;
    color:#07111f !important;
    font-weight:950 !important;
    font-size:16px !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel summary::-webkit-details-marker{
    display:none !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel summary b{
    width:28px !important;
    height:28px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:#fff4de !important;
    color:#b97818 !important;
    font-size:18px !important;
    line-height:1 !important;
    transition:transform .18s ease !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel[open] summary b{
    transform:rotate(180deg) !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-list{
    display:grid !important;
    gap:8px !important;
    padding:0 10px 12px !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-list a{
    min-height:46px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    border-radius:14px !important;
    border:1px solid rgba(212,175,55,.22) !important;
    background:#fffaf1 !important;
    color:#07111f !important;
    font-weight:950 !important;
    text-decoration:none !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-list a svg{
    width:17px !important;
    height:17px !important;
    color:#b97818 !important;
  }
}

html[data-theme="dark"] .ccx-mobile-drawer .ccx-drawer-cats-panel,
body[data-theme="dark"] .ccx-mobile-drawer .ccx-drawer-cats-panel{
  background:#ffffff !important;
  color:#07111f !important;
}

/* HOME TRUSTED SELLERS - PREMIUM DETAIL CARD */
.ccx-sellers{
  padding:20px !important;
}

.ccx-sellers .ccx-mini-head{
  margin-bottom:14px !important;
}

.ccx-sellers .ccx-mini-head strong{
  font-size:17px !important;
  line-height:1.15 !important;
  color:#07111f !important;
}

.ccx-sellers .ccx-mini-head a{
  color:#b97818 !important;
  font-size:12px !important;
  font-weight:950 !important;
}

.ccx-sellers .ccx-trusted-seller-card{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:14px 0 !important;
  border-top:1px solid rgba(212,175,55,.22) !important;
}

.ccx-sellers .ccx-trusted-seller-card:first-of-type{
  border-top:0 !important;
  padding-top:2px !important;
}

.ccx-sellers .ccx-trusted-avatar{
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#f4ead7,#e8d8bd) !important;
  color:#9b650d !important;
  font-size:15px !important;
  font-weight:950 !important;
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.22) !important;
}

.ccx-sellers .ccx-trusted-info{
  min-width:0 !important;
}

.ccx-sellers .ccx-trusted-info strong{
  display:block !important;
  color:#07111f !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.ccx-sellers .ccx-trusted-rating{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  margin-top:5px !important;
  color:#5b6472 !important;
  font-size:12px !important;
  font-weight:850 !important;
}

.ccx-sellers .ccx-trusted-rating b{
  color:#c98713 !important;
  font-size:13px !important;
  line-height:1 !important;
}

.ccx-sellers .ccx-trusted-verified{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  margin-top:4px !important;
  color:#697386 !important;
  font-size:11px !important;
  font-weight:750 !important;
}

.ccx-sellers .ccx-trusted-verified i{
  width:14px !important;
  height:14px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff4de !important;
  color:#b97818 !important;
  font-style:normal !important;
  font-size:9px !important;
  font-weight:950 !important;
}

/* Dark */
html[data-theme="dark"] .ccx-sellers,
body[data-theme="dark"] .ccx-sellers{
  background:linear-gradient(180deg,#0f2036,#0b1728) !important;
  border-color:rgba(212,175,55,.34) !important;
}

html[data-theme="dark"] .ccx-sellers .ccx-mini-head strong,
html[data-theme="dark"] .ccx-sellers .ccx-trusted-info strong,
body[data-theme="dark"] .ccx-sellers .ccx-mini-head strong,
body[data-theme="dark"] .ccx-sellers .ccx-trusted-info strong{
  color:#ffffff !important;
}

html[data-theme="dark"] .ccx-sellers .ccx-trusted-rating,
html[data-theme="dark"] .ccx-sellers .ccx-trusted-verified,
body[data-theme="dark"] .ccx-sellers .ccx-trusted-rating,
body[data-theme="dark"] .ccx-sellers .ccx-trusted-verified{
  color:#c5d1df !important;
}

/* HOME MOBILE - SHOW RIGHT COLUMN AS STACKED SECTIONS */
@media(max-width:820px){
  .ccx-home-grid{
    display:block !important;
  }

  .ccx-home .ccx-right{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    width:100% !important;
    margin:20px 0 108px !important;
    padding:0 !important;
  }

  .ccx-home .ccx-right .ccx-sellers,
  .ccx-home .ccx-right .ccx-promo{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-right .ccx-sellers{
    padding:18px !important;
    background:#ffffff !important;
    border:1px solid rgba(212,175,55,.26) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
  }

  .ccx-home .ccx-right .ccx-mini-head{
    margin-bottom:12px !important;
  }

  .ccx-home .ccx-right .ccx-mini-head strong{
    font-size:18px !important;
    line-height:1.15 !important;
  }

  .ccx-home .ccx-right .ccx-trusted-seller-card{
    grid-template-columns:46px minmax(0,1fr) !important;
    padding:13px 0 !important;
  }

  .ccx-home .ccx-right .ccx-promo{
    min-height:190px !important;
    padding:22px !important;
    overflow:hidden !important;
  }
}

html[data-theme="dark"] .ccx-home .ccx-right .ccx-sellers,
body[data-theme="dark"] .ccx-home .ccx-right .ccx-sellers{
  background:linear-gradient(180deg,#0f2036,#0b1728) !important;
  border-color:rgba(212,175,55,.34) !important;
}

/* HOME MOBILE STABILIZE FINAL - no empty gaps, one clean flow */
@media(max-width:820px){
  body:not(.ccx-chat-page) .ccx-home{
    padding-bottom:88px !important;
    margin-bottom:0 !important;
    min-height:0 !important;
  }

  .ccx-home .ccx-home-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
  }

  .ccx-home .ccx-left{
    display:none !important;
  }

  .ccx-home .ccx-center{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
  }

  .ccx-home .ccx-right{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
  }

  .ccx-home .ccx-hero,
  .ccx-home .ccx-trust,
  .ccx-home .ccx-bottom-grid,
  .ccx-home .ccx-popular,
  .ccx-home .ccx-plans,
  .ccx-home .ccx-mobile-new,
  .ccx-home .ccx-sellers,
  .ccx-home .ccx-promo{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-bottom-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  .ccx-home .ccx-popular{
    display:block !important;
  }

  .ccx-home .ccx-plans{
    display:flex !important;
    min-height:0 !important;
    height:auto !important;
  }

  section.ccx-real-new-stack{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-listings{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }

  section.ccx-real-new-stack .ccx-mini-card-wrap{
    margin:0 !important;
  }

  .ccx-home .ccx-sellers{
    display:block !important;
    width:100% !important;
    padding:18px !important;
    border-radius:22px !important;
    background:#ffffff !important;
    border:1px solid rgba(212,175,55,.26) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
  }

  .ccx-home .ccx-promo{
    display:block !important;
    width:100% !important;
    min-height:170px !important;
    height:auto !important;
    padding:22px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  .ccx-home .ccx-footer-strip{
    display:none !important;
  }
}

/* Dark support for stabilized Home mobile */
html[data-theme="dark"] .ccx-home .ccx-sellers,
body[data-theme="dark"] .ccx-home .ccx-sellers{
  background:linear-gradient(180deg,#0f2036,#0b1728) !important;
  border-color:rgba(212,175,55,.34) !important;
}

/* MOBILE DRAWER UNIFIED FINAL */
@media(max-width:820px){
  .ccx-mobile-drawer{
    width:min(86vw,380px) !important;
    padding:18px !important;
    background:#fffaf2 !important;
    overflow-y:auto !important;
  }

  .ccx-mobile-drawer .ccx-drawer-nav{
    display:grid !important;
    gap:12px !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel,
  .ccx-mobile-drawer .ccx-drawer-panel-links{
    display:block !important;
    border:1px solid rgba(212,175,55,.34) !important;
    border-radius:18px !important;
    background:#ffffff !important;
    overflow:hidden !important;
    box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel summary,
  .ccx-mobile-drawer .ccx-drawer-panel-links summary{
    min-height:54px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    cursor:pointer !important;
    list-style:none !important;
    color:#07111f !important;
    font-size:16px !important;
    font-weight:950 !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel summary::-webkit-details-marker,
  .ccx-mobile-drawer .ccx-drawer-panel-links summary::-webkit-details-marker{
    display:none !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel summary b,
  .ccx-mobile-drawer .ccx-drawer-panel-links summary b{
    width:28px !important;
    height:28px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:#fff4de !important;
    color:#b97818 !important;
    font-size:18px !important;
    line-height:1 !important;
    transition:transform .18s ease !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-panel[open] summary b,
  .ccx-mobile-drawer .ccx-drawer-panel-links[open] summary b{
    transform:rotate(180deg) !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-list,
  .ccx-mobile-drawer .ccx-drawer-panel-list{
    display:grid !important;
    gap:8px !important;
    padding:0 10px 12px !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-list a,
  .ccx-mobile-drawer .ccx-drawer-panel-list a{
    min-height:46px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    border-radius:14px !important;
    border:1px solid rgba(212,175,55,.22) !important;
    background:#fffaf1 !important;
    color:#07111f !important;
    font-weight:950 !important;
    text-decoration:none !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-list a.is-active,
  .ccx-mobile-drawer .ccx-drawer-panel-list a.is-active{
    background:linear-gradient(135deg,#d4af37,#b97818) !important;
    color:#ffffff !important;
    border-color:transparent !important;
  }

  .ccx-mobile-drawer .ccx-drawer-cats-list svg,
  .ccx-mobile-drawer .ccx-drawer-panel-list svg{
    width:18px !important;
    height:18px !important;
    color:#b97818 !important;
  }

  .ccx-mobile-drawer .ccx-drawer-panel-list a.is-active svg{
    color:#ffffff !important;
  }
}

html[data-theme="dark"] .ccx-mobile-drawer,
body[data-theme="dark"] .ccx-mobile-drawer{
  background:#07111f !important;
}

html[data-theme="dark"] .ccx-mobile-drawer .ccx-drawer-cats-panel,
html[data-theme="dark"] .ccx-mobile-drawer .ccx-drawer-panel-links,
body[data-theme="dark"] .ccx-mobile-drawer .ccx-drawer-cats-panel,
body[data-theme="dark"] .ccx-mobile-drawer .ccx-drawer-panel-links{
  background:#ffffff !important;
  color:#07111f !important;
}

/* MOBILE DRAWER - REMOVE OLD PANEL TITLE IF STILL CACHED */
@media(max-width:820px){
  .ccx-mobile-drawer .ccx-drawer-panel-title{
    display:none !important;
  }

  .ccx-mobile-drawer .ccx-drawer-panel-links{
    display:block !important;
    border:1px solid rgba(212,175,55,.34) !important;
    border-radius:18px !important;
    background:#ffffff !important;
    overflow:hidden !important;
    box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
  }

  .ccx-mobile-drawer .ccx-drawer-panel-links summary{
    min-height:54px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    cursor:pointer !important;
    list-style:none !important;
    color:#07111f !important;
    font-size:16px !important;
    font-weight:950 !important;
  }

  .ccx-mobile-drawer .ccx-drawer-panel-links summary::-webkit-details-marker{
    display:none !important;
  }

  .ccx-mobile-drawer .ccx-drawer-panel-links summary b{
    width:28px !important;
    height:28px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:#fff4de !important;
    color:#b97818 !important;
    font-size:18px !important;
    line-height:1 !important;
  }

  .ccx-mobile-drawer .ccx-drawer-panel-links[open] summary b{
    transform:rotate(180deg) !important;
  }

  .ccx-mobile-drawer .ccx-drawer-panel-list{
    display:grid !important;
    gap:8px !important;
    padding:0 10px 12px !important;
  }
}

/* HOME BANNERS FROM FILAMENT */
.ccx-hero-cta{
  min-height:42px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  border-radius:12px;
  background:linear-gradient(135deg,#d4af37,#b97818);
  color:#ffffff;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(185,121,24,.22);
}

@media(max-width:820px){
  .ccx-hero-cta{
    margin-top:14px !important;
  }
}

/* HOME HERO MOBILE - SAME DESKTOP IMAGE, LIGHTER LOAD */
@media(max-width:820px){
  .ccx-home .ccx-hero{
    position:relative !important;
    min-height:360px !important;
    padding:24px !important;
    display:flex !important;
    align-items:flex-end !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:#030713 !important;
    isolation:isolate !important;
  }

  .ccx-home .ccx-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:
      linear-gradient(90deg, rgba(3,7,19,.92) 0%, rgba(3,7,19,.64) 46%, rgba(3,7,19,.18) 100%),
      linear-gradient(0deg, rgba(3,7,19,.72) 0%, rgba(3,7,19,.05) 58%) !important;
    pointer-events:none !important;
  }

  .ccx-home .ccx-world{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    opacity:1 !important;
    z-index:0 !important;
  }

  .ccx-home .ccx-hero-copy{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:320px !important;
    color:#ffffff !important;
  }

  .ccx-home .ccx-hero-kicker{
    width:auto !important;
    height:auto !important;
    margin:0 0 12px !important;
    padding:0 !important;
    border-radius:0 !important;
    background:none !important;
    color:#f6d56b !important;
    font-size:11px !important;
    letter-spacing:.16em !important;
  }

  .ccx-home .ccx-hero-kicker::before{
    display:none !important;
  }

  .ccx-home .ccx-hero h1{
    margin:0 0 12px !important;
    color:#ffffff !important;
    font-size:30px !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
  }

  .ccx-home .ccx-hero p{
    margin:0 !important;
    color:#ffffff !important;
    font-size:14px !important;
    line-height:1.45 !important;
    text-shadow:0 2px 12px rgba(0,0,0,.35) !important;
  }

  .ccx-home .ccx-hero-search{
    display:none !important;
  }

  .ccx-home .ccx-hero-cta{
    margin-top:16px !important;
    min-height:44px !important;
    padding:0 18px !important;
    border-radius:14px !important;
  }
}

/* HOME HERO BANNER FINAL - FULL BACKGROUND, NOT SPLIT IMAGE */
.ccx-home .ccx-hero{
  position:relative !important;
  min-height:360px !important;
  padding:48px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#030713 !important;
  border:1px solid rgba(224,177,90,.22) !important;
  box-shadow:0 22px 70px rgba(7,12,22,.14) !important;
  isolation:isolate !important;
}

.ccx-home .ccx-world{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  transform:none !important;
}

.ccx-home .ccx-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,19,.96) 0%, rgba(3,7,19,.78) 36%, rgba(3,7,19,.34) 66%, rgba(3,7,19,.10) 100%),
    radial-gradient(circle at 80% 20%, rgba(212,175,55,.18), transparent 34%) !important;
  pointer-events:none !important;
}

.ccx-home .ccx-hero-copy{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:560px !important;
  color:#ffffff !important;
}

.ccx-home .ccx-hero-kicker{
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 0 14px !important;
  padding:0 !important;
  background:none !important;
  color:#f6d56b !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.ccx-home .ccx-hero h1{
  margin:0 0 14px !important;
  color:#ffffff !important;
  font-size:clamp(38px,4.6vw,58px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  text-shadow:0 4px 24px rgba(0,0,0,.32) !important;
}

.ccx-home .ccx-hero p{
  max-width:520px !important;
  margin:0 0 20px !important;
  color:#ffffff !important;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
  text-shadow:0 3px 18px rgba(0,0,0,.38) !important;
}

.ccx-home .ccx-hero-search{
  position:relative !important;
  z-index:3 !important;
  max-width:530px !important;
  margin-top:22px !important;
}

.ccx-home .ccx-hero-cta{
  margin-top:16px !important;
}

/* Mobile hero uses the SAME desktop banner, just cropped cleaner */
@media(max-width:820px){
  .ccx-home .ccx-hero{
    min-height:350px !important;
    padding:24px !important;
    align-items:flex-end !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-world{
    background-size:cover !important;
    background-position:center center !important;
  }

  .ccx-home .ccx-hero::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.18) 0%, rgba(3,7,19,.58) 42%, rgba(3,7,19,.94) 100%),
      linear-gradient(90deg, rgba(3,7,19,.78) 0%, rgba(3,7,19,.30) 100%) !important;
  }

  .ccx-home .ccx-hero-copy{
    max-width:100% !important;
  }

  .ccx-home .ccx-hero h1{
    font-size:32px !important;
    line-height:1.03 !important;
    max-width:310px !important;
  }

  .ccx-home .ccx-hero p{
    font-size:14px !important;
    line-height:1.45 !important;
    max-width:320px !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-hero-search{
    display:none !important;
  }

  .ccx-home .ccx-hero-cta{
    margin-top:16px !important;
  }
}

/* HOME HERO CLEAN IMAGE + JSON TEXT - COMPACT PREMIUM */
.ccx-home .ccx-hero{
  min-height:300px !important;
  padding:38px 42px !important;
  border-radius:18px !important;
}

.ccx-home .ccx-world{
  background-size:cover !important;
  background-position:center right !important;
  filter:saturate(1.04) contrast(1.02) !important;
}

.ccx-home .ccx-hero::before{
  background:
    linear-gradient(90deg, rgba(3,7,19,.92) 0%, rgba(3,7,19,.68) 42%, rgba(3,7,19,.22) 72%, rgba(3,7,19,.04) 100%) !important;
}

.ccx-home .ccx-hero-copy{
  max-width:500px !important;
}

.ccx-home .ccx-hero h1{
  font-size:clamp(34px,3.7vw,48px) !important;
  line-height:1 !important;
  margin-bottom:12px !important;
}

.ccx-home .ccx-hero p{
  font-size:16px !important;
  line-height:1.42 !important;
  max-width:470px !important;
  margin-bottom:16px !important;
}

.ccx-home .ccx-hero-search{
  max-width:470px !important;
  margin-top:16px !important;
}

.ccx-home .ccx-hero-cta{
  min-height:40px !important;
  padding:0 17px !important;
  border-radius:11px !important;
  font-size:14px !important;
}

/* Mobile: same clean image, smaller banner */
@media(max-width:820px){
  .ccx-home .ccx-hero{
    min-height:285px !important;
    padding:22px !important;
    align-items:flex-end !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-world{
    background-position:center center !important;
  }

  .ccx-home .ccx-hero::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.08) 0%, rgba(3,7,19,.48) 44%, rgba(3,7,19,.94) 100%),
      linear-gradient(90deg, rgba(3,7,19,.58) 0%, rgba(3,7,19,.18) 100%) !important;
  }

  .ccx-home .ccx-hero-copy{
    max-width:100% !important;
  }

  .ccx-home .ccx-hero-kicker{
    font-size:10px !important;
    margin-bottom:9px !important;
  }

  .ccx-home .ccx-hero h1{
    font-size:27px !important;
    line-height:1.04 !important;
    max-width:290px !important;
    margin-bottom:9px !important;
  }

  .ccx-home .ccx-hero p{
    font-size:13px !important;
    line-height:1.38 !important;
    max-width:300px !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-hero-search{
    display:none !important;
  }

  .ccx-home .ccx-hero-cta{
    min-height:40px !important;
    margin-top:13px !important;
    padding:0 16px !important;
    border-radius:13px !important;
    font-size:13px !important;
  }
}

/* HOME HERO - MINIMAL PREMIUM, CLEAN IMAGE ONLY */
.ccx-home .ccx-hero{
  min-height:285px !important;
  padding:34px 38px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#030713 !important;
  border:1px solid rgba(212,175,55,.22) !important;
  box-shadow:0 18px 50px rgba(7,12,22,.12) !important;
}

.ccx-home .ccx-world{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:saturate(1.02) contrast(1.02) !important;
  z-index:0 !important;
}

.ccx-home .ccx-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,19,.94) 0%, rgba(3,7,19,.72) 38%, rgba(3,7,19,.26) 70%, rgba(3,7,19,.06) 100%),
    radial-gradient(circle at 78% 18%, rgba(212,175,55,.16), transparent 32%) !important;
  pointer-events:none !important;
}

.ccx-home .ccx-hero-copy{
  position:relative !important;
  z-index:2 !important;
  max-width:470px !important;
  color:#ffffff !important;
}

.ccx-home .ccx-hero-kicker{
  display:inline-flex !important;
  width:auto !important;
  height:auto !important;
  margin:0 0 10px !important;
  padding:0 !important;
  background:none !important;
  color:#f6d56b !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.ccx-home .ccx-hero h1{
  margin:0 0 11px !important;
  color:#ffffff !important;
  font-size:clamp(32px,3.35vw,44px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
  text-shadow:0 4px 22px rgba(0,0,0,.30) !important;
}

.ccx-home .ccx-hero p{
  margin:0 0 14px !important;
  max-width:430px !important;
  color:rgba(255,255,255,.94) !important;
  font-size:15px !important;
  line-height:1.42 !important;
  font-weight:650 !important;
  text-shadow:0 3px 16px rgba(0,0,0,.34) !important;
}

.ccx-home .ccx-hero-search{
  max-width:430px !important;
  margin-top:14px !important;
}

.ccx-home .ccx-hero-cta{
  min-height:39px !important;
  padding:0 16px !important;
  border-radius:11px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

/* Mobile compact banner */
@media(max-width:820px){
  .ccx-home .ccx-hero{
    min-height:270px !important;
    padding:20px !important;
    display:flex !important;
    align-items:flex-end !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-world{
    background-position:center center !important;
  }

  .ccx-home .ccx-hero::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.10) 0%, rgba(3,7,19,.52) 46%, rgba(3,7,19,.94) 100%),
      linear-gradient(90deg, rgba(3,7,19,.62) 0%, rgba(3,7,19,.18) 100%) !important;
  }

  .ccx-home .ccx-hero-copy{
    max-width:100% !important;
  }

  .ccx-home .ccx-hero-kicker{
    font-size:10px !important;
    margin-bottom:8px !important;
  }

  .ccx-home .ccx-hero h1{
    font-size:26px !important;
    line-height:1.04 !important;
    max-width:292px !important;
    margin-bottom:8px !important;
  }

  .ccx-home .ccx-hero p{
    font-size:13px !important;
    line-height:1.38 !important;
    max-width:310px !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-hero-search{
    display:none !important;
  }

  .ccx-home .ccx-hero-cta{
    min-height:40px !important;
    margin-top:12px !important;
    padding:0 15px !important;
    border-radius:13px !important;
    font-size:13px !important;
  }
}

/* HOME HERO FILAMENT CAROUSEL */
.ccx-hero-carousel{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.ccx-hero-carousel .ccx-hero-slides{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
}

.ccx-hero-carousel .ccx-hero-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .65s ease, visibility .65s ease !important;
}

.ccx-hero-carousel .ccx-hero-slide.is-active{
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-hero-carousel .ccx-world{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  z-index:0 !important;
}

.ccx-hero-carousel .ccx-hero-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,19,.94) 0%, rgba(3,7,19,.72) 38%, rgba(3,7,19,.26) 70%, rgba(3,7,19,.06) 100%),
    radial-gradient(circle at 78% 18%, rgba(212,175,55,.16), transparent 32%) !important;
  pointer-events:none !important;
}

.ccx-hero-carousel .ccx-hero-copy{
  position:relative !important;
  z-index:2 !important;
  max-width:470px !important;
}

.ccx-hero-carousel .ccx-hero-dots{
  position:absolute !important;
  left:38px !important;
  bottom:22px !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.ccx-hero-carousel .ccx-hero-dots button{
  width:9px !important;
  height:9px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.45) !important;
  cursor:pointer !important;
}

.ccx-hero-carousel .ccx-hero-dots button.is-active{
  width:22px !important;
  background:#d4af37 !important;
}

@media(max-width:820px){
  .ccx-hero-carousel .ccx-world{
    background-position:center center !important;
  }

  .ccx-hero-carousel .ccx-hero-slide::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.10) 0%, rgba(3,7,19,.52) 46%, rgba(3,7,19,.94) 100%),
      linear-gradient(90deg, rgba(3,7,19,.62) 0%, rgba(3,7,19,.18) 100%) !important;
  }

  .ccx-hero-carousel .ccx-hero-dots{
    left:20px !important;
    bottom:16px !important;
  }
}

/* FIX HERO CAROUSEL - RESTORE PREMIUM LAYOUT AND VISIBILITY */
.ccx-home .ccx-hero.ccx-hero-carousel{
  position:relative !important;
  min-height:360px !important;
  height:360px !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#030713 !important;
  border:1px solid rgba(212,175,55,.24) !important;
  box-shadow:0 18px 55px rgba(7,12,22,.14) !important;
  isolation:isolate !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slides{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  padding:42px 48px !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .65s ease, visibility .65s ease !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slide.is-active{
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-world{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:saturate(1.05) contrast(1.04) !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,19,.94) 0%, rgba(3,7,19,.72) 38%, rgba(3,7,19,.30) 66%, rgba(3,7,19,.10) 100%),
    radial-gradient(circle at 80% 18%, rgba(212,175,55,.16), transparent 34%) !important;
  pointer-events:none !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-copy{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:540px !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-kicker{
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 0 12px !important;
  padding:0 !important;
  background:none !important;
  color:#f6d56b !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero h1,
.ccx-home .ccx-hero-carousel h1{
  display:block !important;
  margin:0 0 14px !important;
  color:#ffffff !important;
  font-size:clamp(38px,4.2vw,56px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  text-shadow:0 4px 24px rgba(0,0,0,.38) !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero p,
.ccx-home .ccx-hero-carousel p{
  display:block !important;
  max-width:510px !important;
  margin:0 0 18px !important;
  color:#ffffff !important;
  font-size:17px !important;
  line-height:1.44 !important;
  font-weight:700 !important;
  text-shadow:0 3px 18px rgba(0,0,0,.40) !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 120px !important;
  max-width:520px !important;
  height:54px !important;
  margin:18px 0 0 !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.18) !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search input{
  width:100% !important;
  height:54px !important;
  border:0 !important;
  outline:0 !important;
  padding:0 18px !important;
  background:#ffffff !important;
  color:#07111f !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search button{
  height:54px !important;
  border:0 !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-weight:950 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-cta{
  min-height:42px !important;
  margin-top:14px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 12px 28px rgba(185,121,24,.24) !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel .ccx-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:14px !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-tags a{
  min-height:26px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  backdrop-filter:blur(8px) !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots{
  position:absolute !important;
  left:48px !important;
  bottom:20px !important;
  z-index:9 !important;
  display:flex !important;
  gap:8px !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots button{
  width:9px !important;
  height:9px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.50) !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots button.is-active{
  width:24px !important;
  background:#d4af37 !important;
}

/* MOBILE HERO CAROUSEL */
@media(max-width:820px){
  .ccx-home .ccx-hero.ccx-hero-carousel{
    height:315px !important;
    min-height:315px !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-slide{
    align-items:flex-end !important;
    padding:20px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-world{
    background-position:center center !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-slide::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.10) 0%, rgba(3,7,19,.50) 45%, rgba(3,7,19,.95) 100%),
      linear-gradient(90deg, rgba(3,7,19,.68) 0%, rgba(3,7,19,.22) 100%) !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-copy{
    max-width:100% !important;
  }

  .ccx-home .ccx-hero-carousel h1{
    max-width:310px !important;
    font-size:28px !important;
    line-height:1.04 !important;
    margin-bottom:9px !important;
  }

  .ccx-home .ccx-hero-carousel p{
    max-width:310px !important;
    font-size:13px !important;
    line-height:1.38 !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-search{
    display:none !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-tags{
    display:none !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-cta{
    min-height:40px !important;
    margin-top:12px !important;
    padding:0 15px !important;
    border-radius:13px !important;
    font-size:13px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-dots{
    left:20px !important;
    bottom:14px !important;
  }
}

/* HOME HERO CAROUSEL FINAL CLEAN - SLOW, READABLE, PREMIUM */
.ccx-home .ccx-hero.ccx-hero-carousel{
  position:relative !important;
  height:330px !important;
  min-height:330px !important;
  max-height:330px !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#07111f !important;
  border:1px solid rgba(212,175,55,.22) !important;
  box-shadow:0 18px 46px rgba(7,12,22,.12) !important;
  isolation:isolate !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slides,
.ccx-home .ccx-hero-carousel .ccx-hero-slide,
.ccx-home .ccx-hero-carousel .ccx-world{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slide{
  display:flex !important;
  align-items:center !important;
  padding:36px 44px !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .9s ease, visibility .9s ease !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slide.is-active{
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-world{
  z-index:0 !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:saturate(1.04) contrast(1.03) brightness(1.02) !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,19,.88) 0%, rgba(3,7,19,.66) 34%, rgba(3,7,19,.26) 64%, rgba(3,7,19,.04) 100%),
    linear-gradient(0deg, rgba(3,7,19,.18) 0%, rgba(3,7,19,0) 46%) !important;
  pointer-events:none !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-copy{
  position:relative !important;
  z-index:5 !important;
  width:100% !important;
  max-width:500px !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-kicker{
  display:block !important;
  margin:0 0 10px !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  color:#f6d56b !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel h1{
  display:block !important;
  margin:0 0 10px !important;
  max-width:470px !important;
  color:#ffffff !important;
  font-size:42px !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
  text-shadow:0 4px 20px rgba(0,0,0,.36) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel p{
  display:block !important;
  max-width:455px !important;
  margin:0 0 14px !important;
  color:rgba(255,255,255,.96) !important;
  font-size:15px !important;
  line-height:1.42 !important;
  font-weight:700 !important;
  text-shadow:0 3px 16px rgba(0,0,0,.38) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 110px !important;
  max-width:455px !important;
  height:48px !important;
  margin:14px 0 0 !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search input{
  height:48px !important;
  border:0 !important;
  outline:0 !important;
  padding:0 16px !important;
  background:#ffffff !important;
  color:#07111f !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search button{
  height:48px !important;
  border:0 !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-weight:950 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-cta{
  min-height:39px !important;
  margin-top:12px !important;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 12px 24px rgba(185,121,24,.22) !important;
  opacity:1 !important;
}

.ccx-home .ccx-hero-carousel .ccx-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:12px !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-tags a{
  min-height:24px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.15) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots{
  position:absolute !important;
  left:44px !important;
  bottom:16px !important;
  z-index:12 !important;
  display:flex !important;
  gap:8px !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots button{
  width:8px !important;
  height:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.50) !important;
  cursor:pointer !important;
  transition:width .22s ease, background .22s ease !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots button.is-active{
  width:24px !important;
  background:#d4af37 !important;
}

/* Mobile hero carousel final */
@media(max-width:820px){
  .ccx-home .ccx-hero.ccx-hero-carousel{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-slide{
    align-items:flex-end !important;
    padding:20px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-world{
    background-position:center center !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-slide::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.06) 0%, rgba(3,7,19,.44) 42%, rgba(3,7,19,.94) 100%),
      linear-gradient(90deg, rgba(3,7,19,.62) 0%, rgba(3,7,19,.18) 100%) !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-kicker{
    font-size:10px !important;
    margin-bottom:8px !important;
  }

  .ccx-home .ccx-hero-carousel h1{
    max-width:300px !important;
    font-size:27px !important;
    line-height:1.04 !important;
    margin-bottom:8px !important;
  }

  .ccx-home .ccx-hero-carousel p{
    max-width:310px !important;
    font-size:13px !important;
    line-height:1.38 !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-search,
  .ccx-home .ccx-hero-carousel .ccx-tags{
    display:none !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-cta{
    min-height:40px !important;
    margin-top:12px !important;
    padding:0 15px !important;
    border-radius:13px !important;
    font-size:13px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-dots{
    left:20px !important;
    bottom:13px !important;
  }
}

/* =========================================================
   HOME HERO FINAL FIX - VISIBLE, PREMIUM, NOT OVER-DARK
   ========================================================= */

.ccx-home .ccx-hero.ccx-hero-carousel{
  position:relative !important;
  height:345px !important;
  min-height:345px !important;
  max-height:345px !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#07111f !important;
  border:1px solid rgba(212,175,55,.24) !important;
  box-shadow:0 18px 52px rgba(7,12,22,.12) !important;
  isolation:isolate !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-slides{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
}

.ccx-home .ccx-hero-carousel [data-ccx-hero-slide]{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  padding:34px 40px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .9s ease, visibility .9s ease !important;
}

.ccx-home .ccx-hero-carousel [data-ccx-hero-slide].is-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:2 !important;
}

.ccx-home .ccx-hero-carousel .ccx-world{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:saturate(1.08) contrast(1.04) brightness(1.08) !important;
}

/* Overlay suave, no tapa toda la imagen */
.ccx-home .ccx-hero-carousel [data-ccx-hero-slide]::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,19,.34) 0%, rgba(3,7,19,.18) 38%, rgba(3,7,19,.04) 70%, rgba(3,7,19,0) 100%) !important;
  pointer-events:none !important;
}

/* Caja del texto legible tipo premium */
.ccx-home .ccx-hero-carousel .ccx-hero-copy{
  position:relative !important;
  z-index:5 !important;
  width:100% !important;
  max-width:465px !important;
  padding:24px 26px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg, rgba(3,7,19,.78), rgba(3,7,19,.52)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(10px) !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-kicker{
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 0 9px !important;
  padding:0 !important;
  background:none !important;
  color:#f6d56b !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel h1{
  display:block !important;
  margin:0 0 10px !important;
  max-width:410px !important;
  color:#ffffff !important;
  font-size:40px !important;
  line-height:1.03 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.34) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel p{
  display:block !important;
  max-width:405px !important;
  margin:0 0 13px !important;
  color:rgba(255,255,255,.94) !important;
  font-size:14px !important;
  line-height:1.42 !important;
  font-weight:700 !important;
  text-shadow:0 3px 14px rgba(0,0,0,.35) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 104px !important;
  max-width:405px !important;
  height:46px !important;
  margin:13px 0 0 !important;
  overflow:hidden !important;
  border-radius:13px !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.18) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search input{
  height:46px !important;
  border:0 !important;
  outline:0 !important;
  padding:0 15px !important;
  background:#ffffff !important;
  color:#07111f !important;
  font-size:13px !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-search button{
  height:46px !important;
  border:0 !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:950 !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-cta{
  min-height:38px !important;
  margin-top:12px !important;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 12px 24px rgba(185,121,24,.24) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:12px !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero-carousel .ccx-tags a{
  min-height:24px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots{
  position:absolute !important;
  right:24px !important;
  bottom:20px !important;
  left:auto !important;
  z-index:20 !important;
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots button{
  width:8px !important;
  height:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.58) !important;
  cursor:pointer !important;
  transition:width .22s ease, background .22s ease !important;
}

.ccx-home .ccx-hero-carousel .ccx-hero-dots button.is-active{
  width:24px !important;
  background:#d4af37 !important;
}

/* Mobile */
@media(max-width:820px){
  .ccx-home .ccx-hero.ccx-hero-carousel{
    height:315px !important;
    min-height:315px !important;
    max-height:315px !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-hero-carousel [data-ccx-hero-slide]{
    align-items:flex-end !important;
    padding:18px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-world{
    background-position:center center !important;
  }

  .ccx-home .ccx-hero-carousel [data-ccx-hero-slide]::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.04) 0%, rgba(3,7,19,.18) 36%, rgba(3,7,19,.58) 100%) !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-copy{
    max-width:100% !important;
    padding:18px !important;
    border-radius:19px !important;
    background:linear-gradient(135deg, rgba(3,7,19,.78), rgba(3,7,19,.56)) !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-kicker{
    font-size:10px !important;
    margin-bottom:7px !important;
  }

  .ccx-home .ccx-hero-carousel h1{
    max-width:300px !important;
    font-size:26px !important;
    line-height:1.04 !important;
    margin-bottom:7px !important;
  }

  .ccx-home .ccx-hero-carousel p{
    max-width:305px !important;
    font-size:12.5px !important;
    line-height:1.36 !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-search,
  .ccx-home .ccx-hero-carousel .ccx-tags{
    display:none !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-cta{
    min-height:38px !important;
    margin-top:11px !important;
    padding:0 14px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  .ccx-home .ccx-hero-carousel .ccx-hero-dots{
    right:18px !important;
    bottom:13px !important;
  }
}

/* FIX REAL: remove old section-level hero overlay that was covering carousel content */
.ccx-home .ccx-hero.ccx-hero-carousel::before,
.ccx-home .ccx-hero.ccx-hero-carousel:before{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

/* Keep carousel layers above image and below text */
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-slides{
  z-index:1 !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]{
  z-index:1 !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide].is-active{
  z-index:2 !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-world{
  z-index:0 !important;
}

/* Only this overlay should exist: inside each slide, behind the text */
.ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]::before{
  z-index:1 !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-copy{
  z-index:5 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel h1,
.ccx-home .ccx-hero.ccx-hero-carousel p,
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-kicker,
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-search,
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-cta,
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-tags{
  opacity:1 !important;
  visibility:visible !important;
  color:inherit;
}

/* MOBILE HERO - TEXT OVER IMAGE, IMAGE VISIBLE */
@media(max-width:820px){
  .ccx-home .ccx-hero.ccx-hero-carousel{
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
    padding:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:#07111f !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-slides,
  .ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide],
  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-world{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-world{
    z-index:0 !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    opacity:1 !important;
    filter:saturate(1.06) contrast(1.04) brightness(1.05) !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]{
    display:flex !important;
    align-items:flex-end !important;
    padding:0 !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:
      linear-gradient(180deg, rgba(3,7,19,.02) 0%, rgba(3,7,19,.12) 36%, rgba(3,7,19,.74) 100%),
      linear-gradient(90deg, rgba(3,7,19,.46) 0%, rgba(3,7,19,.10) 100%) !important;
    pointer-events:none !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-copy{
    position:relative !important;
    z-index:5 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:22px 20px 30px !important;
    border-radius:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    color:#ffffff !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-kicker{
    display:block !important;
    margin:0 0 8px !important;
    padding:0 !important;
    background:transparent !important;
    color:#f6d56b !important;
    font-size:10px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    letter-spacing:.17em !important;
    text-transform:uppercase !important;
    text-shadow:0 3px 12px rgba(0,0,0,.55) !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel h1{
    max-width:330px !important;
    margin:0 0 8px !important;
    color:#ffffff !important;
    font-size:29px !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
    font-weight:950 !important;
    text-shadow:0 4px 18px rgba(0,0,0,.62) !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel p{
    max-width:330px !important;
    margin:0 !important;
    color:rgba(255,255,255,.96) !important;
    font-size:13px !important;
    line-height:1.38 !important;
    font-weight:750 !important;
    text-shadow:0 3px 14px rgba(0,0,0,.62) !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-search,
  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-tags{
    display:none !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-cta{
    min-height:40px !important;
    margin-top:13px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,#d4af37,#b97818) !important;
    color:#ffffff !important;
    font-size:13px !important;
    font-weight:950 !important;
    text-decoration:none !important;
    box-shadow:0 12px 26px rgba(0,0,0,.24) !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-dots{
    right:18px !important;
    bottom:18px !important;
    left:auto !important;
    z-index:10 !important;
  }
}

/* HERO FINAL REAL - FULL IMAGE WITH TEXT OVERLAY, NO BLACK BOX */
.ccx-home .ccx-hero.ccx-hero-carousel{
  position:relative !important;
  height:345px !important;
  min-height:345px !important;
  max-height:345px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#07111f !important;
  border:1px solid rgba(212,175,55,.24) !important;
  box-shadow:0 18px 52px rgba(7,12,22,.12) !important;
  isolation:isolate !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel::before,
.ccx-home .ccx-hero.ccx-hero-carousel:before{
  content:none !important;
  display:none !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-slides,
.ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide],
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-world{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]{
  display:flex !important;
  align-items:center !important;
  padding:38px 46px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide].is-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:2 !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-world{
  z-index:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:saturate(1.06) contrast(1.03) brightness(1.05) !important;
}

/* Overlay only for readability, not a black cover */
.ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,19,.72) 0%, rgba(3,7,19,.48) 32%, rgba(3,7,19,.16) 62%, rgba(3,7,19,0) 100%),
    linear-gradient(0deg, rgba(3,7,19,.18) 0%, rgba(3,7,19,0) 48%) !important;
  pointer-events:none !important;
}

/* Text floats directly over the image: no box */
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-copy{
  position:relative !important;
  z-index:5 !important;
  width:100% !important;
  max-width:500px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-kicker{
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 0 10px !important;
  padding:0 !important;
  background:transparent !important;
  color:#f6d56b !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  text-shadow:0 3px 12px rgba(0,0,0,.58) !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-kicker::before{
  display:none !important;
  content:none !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel h1{
  display:block !important;
  max-width:470px !important;
  margin:0 0 11px !important;
  color:#ffffff !important;
  font-size:44px !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
  text-shadow:0 5px 22px rgba(0,0,0,.68) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel p{
  display:block !important;
  max-width:455px !important;
  margin:0 0 14px !important;
  color:rgba(255,255,255,.96) !important;
  font-size:15px !important;
  line-height:1.42 !important;
  font-weight:750 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.68) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-search{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 110px !important;
  max-width:455px !important;
  height:48px !important;
  margin:14px 0 0 !important;
  overflow:hidden !important;
  border-radius:13px !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-search input{
  height:48px !important;
  border:0 !important;
  outline:0 !important;
  padding:0 16px !important;
  background:#ffffff !important;
  color:#07111f !important;
  font-size:13px !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-search button{
  height:48px !important;
  border:0 !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:950 !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-cta{
  min-height:40px !important;
  margin-top:12px !important;
  padding:0 17px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 13px 28px rgba(0,0,0,.24) !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:12px !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-tags a{
  min-height:24px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  background:rgba(3,7,19,.42) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#ffffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-dots{
  position:absolute !important;
  right:22px !important;
  bottom:18px !important;
  left:auto !important;
  z-index:20 !important;
  display:flex !important;
  gap:8px !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-dots button{
  width:8px !important;
  height:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.58) !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-dots button.is-active{
  width:24px !important;
  background:#d4af37 !important;
}

/* Mobile: image visible, text directly over image */
@media(max-width:820px){
  .ccx-home .ccx-hero.ccx-hero-carousel{
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
    border-radius:22px !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]{
    align-items:flex-end !important;
    padding:22px 20px 34px !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-world{
    background-position:center center !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel [data-ccx-hero-slide]::before{
    background:
      linear-gradient(180deg, rgba(3,7,19,.02) 0%, rgba(3,7,19,.14) 36%, rgba(3,7,19,.74) 100%),
      linear-gradient(90deg, rgba(3,7,19,.48) 0%, rgba(3,7,19,.10) 100%) !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-copy{
    max-width:none !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel h1{
    max-width:330px !important;
    font-size:30px !important;
    line-height:1.04 !important;
    margin-bottom:8px !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel p{
    max-width:330px !important;
    font-size:13px !important;
    line-height:1.38 !important;
    margin-bottom:0 !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-search,
  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-tags{
    display:none !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-cta{
    min-height:40px !important;
    margin-top:13px !important;
    padding:0 16px !important;
    border-radius:13px !important;
    font-size:13px !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-dots{
    right:18px !important;
    bottom:17px !important;
  }
}

/* HOME HERO - LONG LANGUAGE FIX */
.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-copy{
  max-width:min(500px,58%) !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel h1{
  font-size:clamp(32px,3.2vw,44px) !important;
  line-height:1.04 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel p{
  max-width:100% !important;
  overflow-wrap:break-word !important;
}

.ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-cta{
  white-space:normal !important;
  text-align:center !important;
  line-height:1.15 !important;
  max-width:100% !important;
}

html[lang="ru"] .ccx-home .ccx-hero.ccx-hero-carousel h1,
body.lang-ru .ccx-home .ccx-hero.ccx-hero-carousel h1,
:lang(ru) .ccx-home .ccx-hero.ccx-hero-carousel h1{
  font-size:clamp(28px,2.75vw,38px) !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
}

html[lang="ru"] .ccx-home .ccx-hero.ccx-hero-carousel p,
body.lang-ru .ccx-home .ccx-hero.ccx-hero-carousel p,
:lang(ru) .ccx-home .ccx-hero.ccx-hero-carousel p{
  font-size:13px !important;
  line-height:1.35 !important;
}

@media(max-width:820px){
  .ccx-home .ccx-hero.ccx-hero-carousel .ccx-hero-copy{
    max-width:100% !important;
  }

  .ccx-home .ccx-hero.ccx-hero-carousel h1{
    font-size:27px !important;
    line-height:1.04 !important;
  }

  html[lang="ru"] .ccx-home .ccx-hero.ccx-hero-carousel h1,
  body.lang-ru .ccx-home .ccx-hero.ccx-hero-carousel h1,
  :lang(ru) .ccx-home .ccx-hero.ccx-hero-carousel h1{
    font-size:23px !important;
    line-height:1.04 !important;
  }

  html[lang="ru"] .ccx-home .ccx-hero.ccx-hero-carousel p,
  body.lang-ru .ccx-home .ccx-hero.ccx-hero-carousel p,
  :lang(ru) .ccx-home .ccx-hero.ccx-hero-carousel p{
    font-size:12px !important;
    line-height:1.34 !important;
  }
}

/* ACCOUNT DASHBOARD REDESIGN */
.ccx-dashboard-redesign{
  width:100% !important;
}

.ccx-dashboard-redesign .ccx-dash-hero{
  margin-bottom:20px !important;
  padding:28px !important;
  border:1px solid rgba(212,175,55,.24) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(212,175,55,.20), transparent 30%),
    linear-gradient(135deg,#07111f,#10233a) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  box-shadow:0 22px 60px rgba(7,17,31,.16) !important;
}

.ccx-dashboard-redesign .ccx-dash-hero span{
  display:block !important;
  margin-bottom:8px !important;
  color:#f6d56b !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

.ccx-dashboard-redesign .ccx-dash-hero h1{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:clamp(30px,4vw,48px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
}

.ccx-dashboard-redesign .ccx-dash-hero p{
  margin:0 !important;
  max-width:620px !important;
  color:rgba(255,255,255,.82) !important;
  font-size:15px !important;
  line-height:1.45 !important;
}

.ccx-dashboard-redesign .ccx-dash-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-bottom:20px !important;
}

.ccx-dashboard-redesign .ccx-dash-stats article{
  min-height:112px !important;
  padding:18px !important;
  border:1px solid rgba(212,175,55,.20) !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 14px 38px rgba(38,27,10,.06) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.ccx-dashboard-redesign .ccx-dash-stats span{
  color:#8a6b32 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

.ccx-dashboard-redesign .ccx-dash-stats strong{
  margin-top:8px !important;
  color:#07111f !important;
  font-size:22px !important;
  line-height:1.1 !important;
  overflow-wrap:anywhere !important;
}

.ccx-dashboard-redesign .ccx-dash-grid{
  display:grid !important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
  gap:18px !important;
  margin-bottom:20px !important;
}

.ccx-dashboard-redesign .ccx-dash-card{
  border-radius:24px !important;
  border:1px solid rgba(212,175,55,.22) !important;
  box-shadow:0 16px 42px rgba(38,27,10,.06) !important;
  overflow:hidden !important;
}

.ccx-dashboard-redesign .cc-card-pad{
  padding:22px !important;
}

.ccx-dashboard-redesign .ccx-card-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:18px !important;
}

.ccx-dashboard-redesign .ccx-card-head h2{
  margin:0 0 5px !important;
  color:#07111f !important;
  font-size:22px !important;
  letter-spacing:-.025em !important;
}

.ccx-dashboard-redesign .ccx-card-head p{
  margin:0 !important;
  color:rgba(7,17,31,.62) !important;
  font-size:14px !important;
  line-height:1.4 !important;
}

.ccx-dashboard-redesign .ccx-small-link{
  color:#b97818 !important;
  font-weight:950 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.ccx-dashboard-redesign .ccx-info-list,
.ccx-dashboard-redesign .ccx-order-list{
  display:grid !important;
  gap:12px !important;
}

.ccx-dashboard-redesign .ccx-info-list > div,
.ccx-dashboard-redesign .ccx-order-item{
  min-height:72px !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid rgba(212,175,55,.18) !important;
  background:#fffaf2 !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  text-decoration:none !important;
}

.ccx-dashboard-redesign .ccx-info-list span,
.ccx-dashboard-redesign .ccx-order-icon{
  width:44px !important;
  height:44px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  font-size:20px !important;
}

.ccx-dashboard-redesign .ccx-info-list strong,
.ccx-dashboard-redesign .ccx-order-item strong{
  display:block !important;
  color:#07111f !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}

.ccx-dashboard-redesign .ccx-info-list small,
.ccx-dashboard-redesign .ccx-order-item small{
  display:block !important;
  margin-top:3px !important;
  color:rgba(7,17,31,.58) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.ccx-dashboard-redesign .ccx-order-item b{
  display:inline-block !important;
  margin-top:7px !important;
  color:#b97818 !important;
  font-size:14px !important;
  font-weight:950 !important;
}

.ccx-dashboard-redesign .ccx-empty-state{
  min-height:220px !important;
  padding:24px !important;
  border:1px dashed rgba(212,175,55,.35) !important;
  border-radius:22px !important;
  background:#fffaf2 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:10px !important;
}

.ccx-dashboard-redesign .ccx-empty-state span{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  font-size:24px !important;
}

.ccx-dashboard-redesign .ccx-empty-state strong{
  color:#07111f !important;
  font-size:20px !important;
  font-weight:950 !important;
}

.ccx-dashboard-redesign .ccx-empty-state p{
  margin:0 !important;
  color:rgba(7,17,31,.62) !important;
}

.ccx-dashboard-redesign .ccx-seller-summary{
  margin-top:4px !important;
}

.ccx-dashboard-redesign .ccx-dash-stats-inner{
  margin-bottom:0 !important;
}

/* Dark mode safety */
html[data-theme="dark"] .ccx-dashboard-redesign .ccx-dash-stats article,
html[data-theme="dark"] .ccx-dashboard-redesign .ccx-dash-card,
body[data-theme="dark"] .ccx-dashboard-redesign .ccx-dash-stats article,
body[data-theme="dark"] .ccx-dashboard-redesign .ccx-dash-card{
  background:#ffffff !important;
  color:#07111f !important;
}

@media(max-width:820px){
  .ccx-dashboard-redesign .ccx-dash-hero{
    padding:22px !important;
    border-radius:22px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .ccx-dashboard-redesign .ccx-dash-hero h1{
    font-size:32px !important;
  }

  .ccx-dashboard-redesign .ccx-dash-stats,
  .ccx-dashboard-redesign .ccx-dash-grid,
  .ccx-dashboard-redesign .ccx-dash-stats-inner{
    grid-template-columns:1fr !important;
  }

  .ccx-dashboard-redesign .ccx-card-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .ccx-dashboard-redesign .cc-card-pad{
    padding:18px !important;
  }
}

/* ACCOUNT DASHBOARD - RESTORE SELLER LEGAL/KYC ACTIONS */
.ccx-dashboard-redesign .ccx-seller-setup-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:18px !important;
}

.ccx-dashboard-redesign .ccx-setup-action{
  min-height:92px !important;
  padding:16px !important;
  border-radius:20px !important;
  border:1px solid rgba(212,175,55,.22) !important;
  background:#fffaf2 !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  text-decoration:none !important;
  color:#07111f !important;
  box-shadow:0 12px 28px rgba(38,27,10,.05) !important;
}

.ccx-dashboard-redesign .ccx-setup-action span{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  font-size:20px !important;
}

.ccx-dashboard-redesign .ccx-setup-action strong{
  display:block !important;
  color:#07111f !important;
  font-size:15px !important;
  font-weight:950 !important;
}

.ccx-dashboard-redesign .ccx-setup-action small{
  display:block !important;
  margin-top:4px !important;
  color:rgba(7,17,31,.58) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

@media(max-width:820px){
  .ccx-dashboard-redesign .ccx-seller-setup-actions{
    grid-template-columns:1fr !important;
  }
}

/* PUBLIC SELLER PROFILE - PREMIUM RESPONSIVE FIX */
.cc-public-seller-page{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:22px 16px 90px !important;
}

.cc-public-seller-page .cc-breadcrumb,
.cc-public-seller-page nav[aria-label="breadcrumb"]{
  margin:0 0 14px !important;
  color:rgba(7,17,31,.62) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.cc-public-seller-hero{
  position:relative !important;
  overflow:hidden !important;
  margin-bottom:22px !important;
  padding:28px !important;
  border-radius:28px !important;
  border:1px solid rgba(212,175,55,.24) !important;
  background:
    radial-gradient(circle at 88% 12%,rgba(212,175,55,.25),transparent 32%),
    linear-gradient(135deg,#07111f,#10233a) !important;
  color:#fff !important;
  box-shadow:0 22px 60px rgba(7,17,31,.16) !important;
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) auto !important;
  gap:22px !important;
  align-items:center !important;
}

.cc-public-seller-avatar{
  width:96px !important;
  height:96px !important;
  border-radius:30px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  font-size:38px !important;
  font-weight:950 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.22) !important;
}

.cc-public-seller-copy,
.cc-public-seller-copy *{
  color:inherit !important;
}

.cc-public-seller-copy h1,
.cc-public-seller-copy h2,
.cc-public-seller-hero h1,
.cc-public-seller-hero h2{
  margin:8px 0 10px !important;
  color:#fff !important;
  font-size:clamp(32px,4vw,52px) !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
  font-weight:950 !important;
}

.cc-public-seller-copy p,
.cc-public-seller-hero p{
  margin:0 !important;
  max-width:720px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

.cc-public-seller-badges{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-bottom:8px !important;
}

.cc-public-seller-badges > *,
.cc-public-seller-page .cc-badge{
  min-height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
}

.cc-rating-line-public-seller,
.cc-public-seller-page .cc-rating-line{
  color:#f6d56b !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

.cc-public-seller-meta{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:18px !important;
}

.cc-public-seller-meta > div,
.cc-public-seller-meta > span{
  min-height:74px !important;
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}

.cc-public-seller-meta strong,
.cc-public-seller-meta b{
  display:block !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:950 !important;
}

.cc-public-seller-meta small,
.cc-public-seller-meta span{
  color:rgba(255,255,255,.68) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.cc-public-seller-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

.cc-public-seller-actions a,
.cc-public-seller-actions button,
.cc-public-seller-page form button{
  min-height:52px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 14px 28px rgba(185,120,24,.22) !important;
  cursor:pointer !important;
}

.cc-public-seller-actions .cc-btn-dark,
.cc-public-seller-actions a.cc-btn-dark{
  background:#07111f !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.cc-public-seller-page > section:not(.cc-public-seller-hero),
.cc-public-seller-page .cc-card{
  border-radius:26px !important;
  border:1px solid rgba(212,175,55,.22) !important;
  background:#fff !important;
  box-shadow:0 16px 42px rgba(38,27,10,.06) !important;
  overflow:hidden !important;
}

.cc-public-seller-page h2{
  margin:0 0 10px !important;
  color:#07111f !important;
  font-size:28px !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:950 !important;
}

.cc-public-seller-page p{
  color:rgba(7,17,31,.66) !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

.cc-public-seller-page .cc-listing-grid,
.cc-public-seller-page .cc-market-grid,
.cc-public-seller-page .cc-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.cc-public-seller-page .cc-listing-card,
.cc-public-seller-page .cc-market-card,
.cc-public-seller-page article{
  border-radius:22px !important;
  border:1px solid rgba(212,175,55,.22) !important;
  background:#fff !important;
  box-shadow:0 14px 34px rgba(38,27,10,.06) !important;
  overflow:hidden !important;
}

.cc-public-seller-page .cc-listing-media,
.cc-public-seller-page .cc-market-card-media,
.cc-public-seller-page article picture,
.cc-public-seller-page article a:first-child{
  display:block !important;
  overflow:hidden !important;
}

.cc-public-seller-page img{
  max-width:100% !important;
}

.cc-public-seller-page .cc-listing-media img,
.cc-public-seller-page .cc-market-card-media img,
.cc-public-seller-page article picture img{
  width:100% !important;
  height:230px !important;
  object-fit:cover !important;
  display:block !important;
}

.cc-public-seller-page .cc-wishlist-heart,
.cc-public-seller-page [class*="wishlist"] button,
.cc-public-seller-page form[action*="wishlist"] button{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(7,17,31,.12) !important;
  color:#b97818 !important;
  box-shadow:0 12px 24px rgba(7,17,31,.12) !important;
}

html[data-theme="dark"] .cc-public-seller-page > section:not(.cc-public-seller-hero),
html[data-theme="dark"] .cc-public-seller-page .cc-card,
html[data-theme="dark"] .cc-public-seller-page .cc-listing-card,
html[data-theme="dark"] .cc-public-seller-page .cc-market-card,
body[data-theme="dark"] .cc-public-seller-page > section:not(.cc-public-seller-hero),
body[data-theme="dark"] .cc-public-seller-page .cc-card,
body[data-theme="dark"] .cc-public-seller-page .cc-listing-card,
body[data-theme="dark"] .cc-public-seller-page .cc-market-card{
  background:#fff !important;
  color:#07111f !important;
}

@media(max-width:1050px){
  .cc-public-seller-hero{
    grid-template-columns:80px minmax(0,1fr) !important;
  }

  .cc-public-seller-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
  }

  .cc-public-seller-page .cc-listing-grid,
  .cc-public-seller-page .cc-market-grid,
  .cc-public-seller-page .cc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .cc-public-seller-page{
    padding:14px 14px 86px !important;
  }

  .cc-public-seller-hero{
    padding:22px !important;
    border-radius:24px !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .cc-public-seller-avatar{
    width:76px !important;
    height:76px !important;
    border-radius:24px !important;
    font-size:30px !important;
  }

  .cc-public-seller-copy h1,
  .cc-public-seller-copy h2,
  .cc-public-seller-hero h1,
  .cc-public-seller-hero h2{
    font-size:34px !important;
  }

  .cc-public-seller-meta{
    grid-template-columns:1fr !important;
  }

  .cc-public-seller-actions{
    width:100% !important;
  }

  .cc-public-seller-actions a,
  .cc-public-seller-actions button,
  .cc-public-seller-page form button{
    width:100% !important;
  }

  .cc-public-seller-page .cc-listing-grid,
  .cc-public-seller-page .cc-market-grid,
  .cc-public-seller-page .cc-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .cc-public-seller-page .cc-listing-card,
  .cc-public-seller-page .cc-market-card,
  .cc-public-seller-page article{
    border-radius:22px !important;
  }

  .cc-public-seller-page .cc-listing-media img,
  .cc-public-seller-page .cc-market-card-media img,
  .cc-public-seller-page article picture img{
    height:230px !important;
  }
}

/* PUBLIC SELLER PROFILE - LISTING CARDS FINAL */
.cc-public-seller-page .cc-listing-grid,
.cc-public-seller-page .cc-market-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.cc-public-seller-page .cc-listing-card,
.cc-public-seller-page .cc-market-card{
  position:relative !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(212,175,55,.26) !important;
  background:#ffffff !important;
  box-shadow:0 18px 42px rgba(38,27,10,.08) !important;
  color:#07111f !important;
}

.cc-public-seller-page .cc-listing-media,
.cc-public-seller-page .cc-market-card-media{
  position:relative !important;
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  overflow:hidden !important;
  background:#fff4de !important;
  border-bottom:1px solid rgba(212,175,55,.18) !important;
}

.cc-public-seller-page .cc-listing-media img,
.cc-public-seller-page .cc-market-card-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .25s ease !important;
}

.cc-public-seller-page .cc-listing-card:hover .cc-listing-media img,
.cc-public-seller-page .cc-market-card:hover .cc-market-card-media img{
  transform:scale(1.035) !important;
}

.cc-public-seller-page .cc-listing-body,
.cc-public-seller-page .cc-market-card-body,
.cc-public-seller-page .cc-listing-card > div:not(.cc-listing-media):not(.cc-wishlist-heart-wrap),
.cc-public-seller-page .cc-market-card > div:not(.cc-market-card-media):not(.cc-wishlist-heart-wrap){
  flex:1 !important;
  padding:16px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  background:#ffffff !important;
}

.cc-public-seller-page .cc-listing-title,
.cc-public-seller-page .cc-market-card-title,
.cc-public-seller-page .cc-listing-card h3,
.cc-public-seller-page .cc-market-card h3{
  margin:0 !important;
  color:#07111f !important;
  font-size:17px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  letter-spacing:-.015em !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.cc-public-seller-page .cc-listing-meta,
.cc-public-seller-page .cc-market-card-meta,
.cc-public-seller-page .cc-listing-card small,
.cc-public-seller-page .cc-market-card small{
  color:rgba(7,17,31,.58) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

.cc-public-seller-page .cc-listing-price,
.cc-public-seller-page .cc-market-card-price,
.cc-public-seller-page .cc-listing-card b,
.cc-public-seller-page .cc-market-card b{
  margin-top:4px !important;
  color:#b97818 !important;
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

.cc-public-seller-page .cc-listing-actions,
.cc-public-seller-page .cc-market-card-actions{
  margin-top:auto !important;
  padding-top:10px !important;
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
}

.cc-public-seller-page .cc-listing-actions a,
.cc-public-seller-page .cc-market-card-actions a,
.cc-public-seller-page .cc-listing-card a:not(:has(img)),
.cc-public-seller-page .cc-market-card a:not(:has(img)){
  color:#b97818 !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

.cc-public-seller-page .cc-listing-actions a:hover,
.cc-public-seller-page .cc-market-card-actions a:hover{
  text-decoration:underline !important;
}

.cc-public-seller-page .cc-wishlist-heart-wrap,
.cc-public-seller-page .cc-listing-media form,
.cc-public-seller-page .cc-market-card-media form,
.cc-public-seller-page form[action*="wishlist"]{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:5 !important;
}

.cc-public-seller-page .cc-wishlist-heart,
.cc-public-seller-page form[action*="wishlist"] button{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  padding:0 !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(7,17,31,.12) !important;
  color:#b97818 !important;
  box-shadow:0 14px 28px rgba(7,17,31,.16) !important;
}

.cc-public-seller-page .cc-wishlist-heart svg,
.cc-public-seller-page form[action*="wishlist"] button svg{
  width:19px !important;
  height:19px !important;
}

.cc-public-seller-page .cc-public-seller-listings,
.cc-public-seller-page section:has(.cc-listing-grid),
.cc-public-seller-page section:has(.cc-market-grid){
  padding:24px !important;
  border-radius:26px !important;
  border:1px solid rgba(212,175,55,.22) !important;
  background:#ffffff !important;
  box-shadow:0 16px 42px rgba(38,27,10,.06) !important;
}

.cc-public-seller-page section:has(.cc-listing-grid) > h2,
.cc-public-seller-page section:has(.cc-market-grid) > h2{
  margin-bottom:8px !important;
}

.cc-public-seller-page section:has(.cc-listing-grid) > p,
.cc-public-seller-page section:has(.cc-market-grid) > p{
  margin-bottom:18px !important;
}

@media(max-width:1050px){
  .cc-public-seller-page .cc-listing-grid,
  .cc-public-seller-page .cc-market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .cc-public-seller-page section:has(.cc-listing-grid),
  .cc-public-seller-page section:has(.cc-market-grid){
    padding:14px !important;
    border-radius:22px !important;
  }

  .cc-public-seller-page .cc-listing-grid,
  .cc-public-seller-page .cc-market-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .cc-public-seller-page .cc-listing-card,
  .cc-public-seller-page .cc-market-card{
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) !important;
    min-height:154px !important;
    border-radius:22px !important;
  }

  .cc-public-seller-page .cc-listing-media,
  .cc-public-seller-page .cc-market-card-media{
    height:100% !important;
    min-height:154px !important;
    border-bottom:0 !important;
    border-right:1px solid rgba(212,175,55,.18) !important;
  }

  .cc-public-seller-page .cc-listing-body,
  .cc-public-seller-page .cc-market-card-body,
  .cc-public-seller-page .cc-listing-card > div:not(.cc-listing-media):not(.cc-wishlist-heart-wrap),
  .cc-public-seller-page .cc-market-card > div:not(.cc-market-card-media):not(.cc-wishlist-heart-wrap){
    padding:14px !important;
    justify-content:center !important;
  }

  .cc-public-seller-page .cc-listing-title,
  .cc-public-seller-page .cc-market-card-title,
  .cc-public-seller-page .cc-listing-card h3,
  .cc-public-seller-page .cc-market-card h3{
    font-size:15px !important;
    line-height:1.18 !important;
  }

  .cc-public-seller-page .cc-listing-meta,
  .cc-public-seller-page .cc-market-card-meta,
  .cc-public-seller-page .cc-listing-card small,
  .cc-public-seller-page .cc-market-card small{
    font-size:12px !important;
  }

  .cc-public-seller-page .cc-listing-price,
  .cc-public-seller-page .cc-market-card-price,
  .cc-public-seller-page .cc-listing-card b,
  .cc-public-seller-page .cc-market-card b{
    font-size:16px !important;
  }

  .cc-public-seller-page .cc-wishlist-heart-wrap,
  .cc-public-seller-page .cc-listing-media form,
  .cc-public-seller-page .cc-market-card-media form,
  .cc-public-seller-page form[action*="wishlist"]{
    top:10px !important;
    right:10px !important;
  }

  .cc-public-seller-page .cc-wishlist-heart,
  .cc-public-seller-page form[action*="wishlist"] button{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    border-radius:14px !important;
  }
}

/* PUBLIC SELLER PROFILE - LUXURY FINISH */
.cc-public-seller-page{
  max-width:1120px !important;
}

.cc-public-seller-page .cc-breadcrumb,
.cc-public-seller-page nav[aria-label="breadcrumb"]{
  max-width:1120px !important;
  margin:0 auto 10px !important;
  padding:0 2px !important;
  font-size:12px !important;
  color:rgba(7,17,31,.55) !important;
}

.cc-public-seller-hero{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  min-height:310px !important;
  padding:34px 38px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(212,175,55,.32), transparent 28%),
    radial-gradient(circle at 5% 100%, rgba(185,120,24,.20), transparent 28%),
    linear-gradient(135deg,#050a12 0%,#07111f 46%,#182417 100%) !important;
  border:1px solid rgba(212,175,55,.34) !important;
  box-shadow:
    0 34px 90px rgba(7,17,31,.20),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.cc-public-seller-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 45%, transparent 62%),
    radial-gradient(circle at 80% 50%, rgba(212,175,55,.12), transparent 35%) !important;
  opacity:.75 !important;
}

.cc-public-seller-avatar{
  position:relative !important;
  z-index:1 !important;
  background:
    linear-gradient(135deg,#f4d56b 0%,#c88716 50%,#7b4a06 100%) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.cc-public-seller-copy,
.cc-public-seller-actions,
.cc-public-seller-meta{
  position:relative !important;
  z-index:1 !important;
}

.cc-public-seller-copy h1,
.cc-public-seller-copy h2,
.cc-public-seller-hero h1,
.cc-public-seller-hero h2{
  text-shadow:0 8px 28px rgba(0,0,0,.34) !important;
}

.cc-public-seller-meta > div,
.cc-public-seller-meta > span{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.17) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(10px) !important;
}

.cc-public-seller-actions a,
.cc-public-seller-actions button{
  background:
    linear-gradient(135deg,#f4d56b 0%,#c88716 55%,#8a560b 100%) !important;
  color:#fff !important;
  box-shadow:
    0 16px 34px rgba(185,120,24,.30),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* seller listings section */
.cc-public-seller-page section:has(.cc-listing-grid),
.cc-public-seller-page section:has(.cc-market-grid){
  max-width:1120px !important;
  margin:22px auto 0 !important;
  padding:28px !important;
  border-radius:30px !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fffaf0 100%) !important;
  border:1px solid rgba(212,175,55,.28) !important;
  box-shadow:0 28px 80px rgba(38,27,10,.10) !important;
}

.cc-public-seller-page section:has(.cc-listing-grid) > h2,
.cc-public-seller-page section:has(.cc-market-grid) > h2{
  font-size:32px !important;
  letter-spacing:-.045em !important;
}

.cc-public-seller-page section:has(.cc-listing-grid) > p,
.cc-public-seller-page section:has(.cc-market-grid) > p{
  max-width:620px !important;
  margin-bottom:12px !important;
  color:rgba(7,17,31,.58) !important;
}

.cc-public-seller-page section:has(.cc-listing-grid) > a[href*="market"],
.cc-public-seller-page section:has(.cc-market-grid) > a[href*="market"]{
  display:inline-flex !important;
  align-items:center !important;
  min-height:38px !important;
  padding:0 14px !important;
  margin:0 0 18px !important;
  border-radius:999px !important;
  background:#07111f !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

/* luxury cards */
.cc-public-seller-page .cc-listing-card,
.cc-public-seller-page .cc-market-card{
  border-radius:26px !important;
  border:1px solid rgba(212,175,55,.30) !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fffaf2 100%) !important;
  box-shadow:
    0 22px 55px rgba(38,27,10,.12),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.cc-public-seller-page .cc-listing-card:hover,
.cc-public-seller-page .cc-market-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:
    0 30px 70px rgba(38,27,10,.16),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.cc-public-seller-page .cc-listing-media,
.cc-public-seller-page .cc-market-card-media{
  height:245px !important;
  min-height:245px !important;
  background:
    radial-gradient(circle at 80% 12%, rgba(212,175,55,.26), transparent 28%),
    linear-gradient(135deg,#fff7df,#ead8ad) !important;
}

.cc-public-seller-page .cc-listing-media::after,
.cc-public-seller-page .cc-market-card-media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, transparent 45%, rgba(7,17,31,.22) 100%) !important;
}

.cc-public-seller-page .cc-listing-body,
.cc-public-seller-page .cc-market-card-body{
  padding:18px !important;
}

.cc-public-seller-page .cc-listing-title,
.cc-public-seller-page .cc-market-card-title,
.cc-public-seller-page .cc-listing-card h3,
.cc-public-seller-page .cc-market-card h3{
  font-size:18px !important;
  line-height:1.15 !important;
  color:#07111f !important;
}

.cc-public-seller-page .cc-listing-meta,
.cc-public-seller-page .cc-market-card-meta{
  color:rgba(7,17,31,.58) !important;
  font-weight:850 !important;
}

.cc-public-seller-page .cc-listing-price,
.cc-public-seller-page .cc-market-card-price,
.cc-public-seller-page .cc-listing-card b,
.cc-public-seller-page .cc-market-card b{
  margin-top:6px !important;
  color:#b97818 !important;
  font-size:20px !important;
  letter-spacing:-.02em !important;
}

.cc-public-seller-page .cc-listing-card a[href*="listing"],
.cc-public-seller-page .cc-market-card a[href*="listing"],
.cc-public-seller-page .cc-listing-card a:not(:has(img)),
.cc-public-seller-page .cc-market-card a:not(:has(img)){
  color:#b97818 !important;
  font-weight:950 !important;
}

.cc-public-seller-page .cc-wishlist-heart,
.cc-public-seller-page form[action*="wishlist"] button{
  background:rgba(255,255,255,.96) !important;
  color:#b97818 !important;
  border:1px solid rgba(212,175,55,.26) !important;
  box-shadow:
    0 16px 34px rgba(7,17,31,.18),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
}

/* Mobile luxury compact */
@media(max-width:820px){
  .cc-public-seller-page{
    padding:12px 12px 86px !important;
  }

  .cc-public-seller-hero{
    min-height:auto !important;
    padding:22px !important;
    border-radius:26px !important;
  }

  .cc-public-seller-page section:has(.cc-listing-grid),
  .cc-public-seller-page section:has(.cc-market-grid){
    padding:18px !important;
    border-radius:26px !important;
  }

  .cc-public-seller-page section:has(.cc-listing-grid) > h2,
  .cc-public-seller-page section:has(.cc-market-grid) > h2{
    font-size:27px !important;
  }

  .cc-public-seller-page .cc-listing-card,
  .cc-public-seller-page .cc-market-card{
    grid-template-columns:142px minmax(0,1fr) !important;
    min-height:166px !important;
  }

  .cc-public-seller-page .cc-listing-media,
  .cc-public-seller-page .cc-market-card-media{
    height:100% !important;
    min-height:166px !important;
  }

  .cc-public-seller-page .cc-listing-body,
  .cc-public-seller-page .cc-market-card-body{
    padding:15px !important;
  }

  .cc-public-seller-page .cc-listing-title,
  .cc-public-seller-page .cc-market-card-title,
  .cc-public-seller-page .cc-listing-card h3,
  .cc-public-seller-page .cc-market-card h3{
    font-size:16px !important;
  }

  .cc-public-seller-page .cc-listing-price,
  .cc-public-seller-page .cc-market-card-price,
  .cc-public-seller-page .cc-listing-card b,
  .cc-public-seller-page .cc-market-card b{
    font-size:17px !important;
  }
}

/* PUBLIC SELLER - REAL LUXURY CARD FINISH */
.cc-public-seller-page section:has(.cc-listing-grid) > a,
.cc-public-seller-page section:has(.cc-market-grid) > a,
.cc-public-seller-page a[href="/market"],
.cc-public-seller-page a[href$="/market"]{
  width:max-content !important;
  min-height:38px !important;
  padding:0 15px !important;
  margin:4px 0 18px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  background:linear-gradient(135deg,#07111f,#172033) !important;
  color:#f6d56b !important;
  border:1px solid rgba(212,175,55,.36) !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 12px 28px rgba(7,17,31,.12) !important;
}

.cc-public-seller-page a[href="/market"]::before,
.cc-public-seller-page a[href$="/market"]::before{
  content:"←" !important;
  font-weight:950 !important;
}

/* turn seller listing cards into premium dark/gold cards */
.cc-public-seller-page .cc-listing-card,
.cc-public-seller-page .cc-market-card{
  background:#07111f !important;
  border:1px solid rgba(212,175,55,.38) !important;
  box-shadow:
    0 24px 70px rgba(7,17,31,.18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.cc-public-seller-page .cc-listing-media,
.cc-public-seller-page .cc-market-card-media{
  border-bottom:1px solid rgba(212,175,55,.30) !important;
}

.cc-public-seller-page .cc-listing-body,
.cc-public-seller-page .cc-market-card-body,
.cc-public-seller-page .cc-listing-card > div:not(.cc-listing-media):not(.cc-wishlist-heart-wrap),
.cc-public-seller-page .cc-market-card > div:not(.cc-market-card-media):not(.cc-wishlist-heart-wrap){
  background:
    radial-gradient(circle at 90% 0%, rgba(212,175,55,.18), transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0d1828 100%) !important;
  color:#fff !important;
  padding:18px !important;
  min-height:132px !important;
}

.cc-public-seller-page .cc-listing-title,
.cc-public-seller-page .cc-market-card-title,
.cc-public-seller-page .cc-listing-card h3,
.cc-public-seller-page .cc-market-card h3{
  color:#fff !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.14 !important;
  text-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}

.cc-public-seller-page .cc-listing-meta,
.cc-public-seller-page .cc-market-card-meta,
.cc-public-seller-page .cc-listing-card small,
.cc-public-seller-page .cc-market-card small{
  color:rgba(255,255,255,.68) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.cc-public-seller-page .cc-listing-price,
.cc-public-seller-page .cc-market-card-price,
.cc-public-seller-page .cc-listing-card b,
.cc-public-seller-page .cc-market-card b{
  display:inline-flex !important;
  width:max-content !important;
  margin-top:8px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(212,175,55,.14) !important;
  border:1px solid rgba(212,175,55,.30) !important;
  color:#f6d56b !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

/* Make "Ver detalles" look like an action, not plain text */
.cc-public-seller-page .cc-listing-card a:not(:has(img)):not([href="/market"]):not([href$="/market"]),
.cc-public-seller-page .cc-market-card a:not(:has(img)):not([href="/market"]):not([href$="/market"]){
  width:max-content !important;
  min-height:32px !important;
  padding:0 11px !important;
  margin-top:8px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 10px 20px rgba(185,120,24,.22) !important;
}

/* remove cheap white card impression */
.cc-public-seller-page .cc-listing-card *,
.cc-public-seller-page .cc-market-card *{
  box-sizing:border-box !important;
}

.cc-public-seller-page .cc-wishlist-heart,
.cc-public-seller-page form[action*="wishlist"] button{
  background:rgba(7,17,31,.86) !important;
  color:#f6d56b !important;
  border:1px solid rgba(212,175,55,.42) !important;
  backdrop-filter:blur(10px) !important;
}

@media(max-width:820px){
  .cc-public-seller-page .cc-listing-card,
  .cc-public-seller-page .cc-market-card{
    grid-template-columns:142px minmax(0,1fr) !important;
    background:#07111f !important;
  }

  .cc-public-seller-page .cc-listing-body,
  .cc-public-seller-page .cc-market-card-body,
  .cc-public-seller-page .cc-listing-card > div:not(.cc-listing-media):not(.cc-wishlist-heart-wrap),
  .cc-public-seller-page .cc-market-card > div:not(.cc-market-card-media):not(.cc-wishlist-heart-wrap){
    min-height:166px !important;
    justify-content:center !important;
  }

  .cc-public-seller-page .cc-listing-title,
  .cc-public-seller-page .cc-market-card-title,
  .cc-public-seller-page .cc-listing-card h3,
  .cc-public-seller-page .cc-market-card h3{
    font-size:15px !important;
  }

  .cc-public-seller-page .cc-listing-price,
  .cc-public-seller-page .cc-market-card-price,
  .cc-public-seller-page .cc-listing-card b,
  .cc-public-seller-page .cc-market-card b{
    font-size:14px !important;
    padding:6px 9px !important;
  }
}

/* PUBLIC SELLER REVIEWS - LUXURY RESPONSIVE FIX */
.cc-public-seller-reviews-page{
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:24px 16px 90px !important;
}

.cc-public-seller-reviews-page .cc-breadcrumb,
.cc-public-seller-reviews-page nav[aria-label="breadcrumb"]{
  margin:0 0 14px !important;
  color:rgba(7,17,31,.58) !important;
  font-size:13px !important;
  font-weight:850 !important;
}

.cc-public-seller-reviews-hero{
  position:relative !important;
  overflow:hidden !important;
  margin-bottom:22px !important;
  padding:34px 38px !important;
  border-radius:30px !important;
  border:1px solid rgba(212,175,55,.34) !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(212,175,55,.32), transparent 28%),
    radial-gradient(circle at 5% 100%, rgba(185,120,24,.20), transparent 28%),
    linear-gradient(135deg,#050a12 0%,#07111f 46%,#182417 100%) !important;
  color:#fff !important;
  box-shadow:
    0 34px 90px rgba(7,17,31,.20),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) auto !important;
  gap:22px !important;
  align-items:center !important;
}

.cc-public-seller-reviews-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 45%, transparent 62%),
    radial-gradient(circle at 80% 50%, rgba(212,175,55,.12), transparent 35%) !important;
  opacity:.75 !important;
}

.cc-public-seller-reviews-page .cc-public-seller-avatar{
  position:relative !important;
  z-index:1 !important;
  width:96px !important;
  height:96px !important;
  border-radius:30px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#f4d56b 0%,#c88716 50%,#7b4a06 100%) !important;
  color:#fff !important;
  font-size:38px !important;
  font-weight:950 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.cc-public-seller-reviews-copy,
.cc-public-seller-reviews-actions{
  position:relative !important;
  z-index:1 !important;
}

.cc-public-seller-reviews-copy h1,
.cc-public-seller-reviews-copy h2,
.cc-public-seller-reviews-hero h1,
.cc-public-seller-reviews-hero h2{
  margin:8px 0 10px !important;
  color:#fff !important;
  font-size:clamp(32px,4vw,52px) !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
  font-weight:950 !important;
  text-shadow:0 8px 28px rgba(0,0,0,.34) !important;
}

.cc-public-seller-reviews-copy p,
.cc-public-seller-reviews-hero p{
  margin:0 !important;
  max-width:720px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

.cc-public-seller-reviews-page .cc-rating-line,
.cc-public-seller-reviews-page .cc-rating-line-public-seller{
  color:#f6d56b !important;
  font-weight:950 !important;
  text-decoration:none !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:10px 0 !important;
}

.cc-public-seller-reviews-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.cc-public-seller-reviews-actions a,
.cc-public-seller-reviews-page a.cc-btn{
  min-height:44px !important;
  padding:0 17px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-weight:950 !important;
  border:0 !important;
  box-shadow:0 16px 34px rgba(185,120,24,.30) !important;
}

/* Reviews section */
.cc-public-seller-reviews-page > section:not(.cc-public-seller-reviews-hero),
.cc-public-seller-reviews-page .cc-card{
  margin-top:22px !important;
  padding:28px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf0 100%) !important;
  border:1px solid rgba(212,175,55,.28) !important;
  box-shadow:0 28px 80px rgba(38,27,10,.10) !important;
}

.cc-public-seller-reviews-page h2{
  margin:0 0 10px !important;
  color:#07111f !important;
  font-size:32px !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
}

.cc-public-seller-reviews-page p{
  color:rgba(7,17,31,.66) !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

/* Review cards, regardless of exact class */
.cc-public-seller-reviews-page article,
.cc-public-seller-reviews-page .cc-review-card,
.cc-public-seller-reviews-page .review-card{
  position:relative !important;
  margin-top:14px !important;
  padding:20px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(212,175,55,.16), transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0d1828 100%) !important;
  border:1px solid rgba(212,175,55,.36) !important;
  color:#fff !important;
  box-shadow:
    0 22px 55px rgba(7,17,31,.16),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.cc-public-seller-reviews-page article strong,
.cc-public-seller-reviews-page .cc-review-card strong,
.cc-public-seller-reviews-page .review-card strong{
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  margin-bottom:6px !important;
}

.cc-public-seller-reviews-page article small,
.cc-public-seller-reviews-page .cc-review-card small,
.cc-public-seller-reviews-page .review-card small{
  display:block !important;
  color:rgba(255,255,255,.66) !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

.cc-public-seller-reviews-page article p,
.cc-public-seller-reviews-page .cc-review-card p,
.cc-public-seller-reviews-page .review-card p{
  color:rgba(255,255,255,.82) !important;
  margin:10px 0 0 !important;
}

.cc-public-seller-reviews-page article .cc-rating-line,
.cc-public-seller-reviews-page article [class*="rating"],
.cc-public-seller-reviews-page article [class*="stars"]{
  color:#f6d56b !important;
  font-weight:950 !important;
}

/* Back link */
.cc-public-seller-reviews-page a[href*="/market/seller/"]:not(.cc-btn){
  width:max-content !important;
  min-height:38px !important;
  padding:0 15px !important;
  margin:8px 0 18px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  background:linear-gradient(135deg,#07111f,#172033) !important;
  color:#f6d56b !important;
  border:1px solid rgba(212,175,55,.36) !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 12px 28px rgba(7,17,31,.12) !important;
}

.cc-public-seller-reviews-page a[href*="/market/seller/"]:not(.cc-btn)::before{
  content:"←" !important;
  font-weight:950 !important;
}

/* Dark mode safety */
html[data-theme="dark"] .cc-public-seller-reviews-page > section:not(.cc-public-seller-reviews-hero),
html[data-theme="dark"] .cc-public-seller-reviews-page .cc-card,
body[data-theme="dark"] .cc-public-seller-reviews-page > section:not(.cc-public-seller-reviews-hero),
body[data-theme="dark"] .cc-public-seller-reviews-page .cc-card{
  background:linear-gradient(180deg,#ffffff 0%,#fffaf0 100%) !important;
  color:#07111f !important;
}

@media(max-width:820px){
  .cc-public-seller-reviews-page{
    padding:14px 14px 86px !important;
  }

  .cc-public-seller-reviews-hero{
    padding:22px !important;
    border-radius:26px !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .cc-public-seller-reviews-page .cc-public-seller-avatar{
    width:76px !important;
    height:76px !important;
    border-radius:24px !important;
    font-size:30px !important;
  }

  .cc-public-seller-reviews-copy h1,
  .cc-public-seller-reviews-copy h2,
  .cc-public-seller-reviews-hero h1,
  .cc-public-seller-reviews-hero h2{
    font-size:34px !important;
  }

  .cc-public-seller-reviews-actions{
    width:100% !important;
    justify-content:flex-start !important;
  }

  .cc-public-seller-reviews-actions a,
  .cc-public-seller-reviews-page a.cc-btn{
    width:100% !important;
  }

  .cc-public-seller-reviews-page > section:not(.cc-public-seller-reviews-hero),
  .cc-public-seller-reviews-page .cc-card{
    padding:18px !important;
    border-radius:26px !important;
  }

  .cc-public-seller-reviews-page h2{
    font-size:27px !important;
  }
}

/* LISTING DETAIL - LUXURY RESPONSIVE FINISH */
.cc-product-detail-page{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:22px 16px 92px !important;
}

.cc-product-topbar{
  margin-bottom:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.cc-product-breadcrumbs{
  color:rgba(7,17,31,.58) !important;
  font-size:13px !important;
  font-weight:850 !important;
}

.cc-product-breadcrumbs a,
.cc-product-back{
  color:#b97818 !important;
  text-decoration:none !important;
  font-weight:950 !important;
}

.cc-product-back{
  min-height:38px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  background:#07111f !important;
  color:#f6d56b !important;
  border:1px solid rgba(212,175,55,.34) !important;
  box-shadow:0 12px 28px rgba(7,17,31,.12) !important;
}

.cc-product-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr) !important;
  gap:22px !important;
  align-items:start !important;
  margin-bottom:24px !important;
}

.cc-product-gallery-card,
.cc-product-panel,
.cc-product-section{
  border-radius:30px !important;
  border:1px solid rgba(212,175,55,.28) !important;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf0 100%) !important;
  box-shadow:0 28px 80px rgba(38,27,10,.10) !important;
  overflow:hidden !important;
}

.cc-product-gallery-card{
  padding:14px !important;
}

.cc-product-main-media{
  position:relative !important;
  height:560px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 85% 10%, rgba(212,175,55,.24), transparent 30%),
    linear-gradient(135deg,#fff7df,#ead8ad) !important;
}

.cc-product-main-media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, transparent 55%, rgba(7,17,31,.18) 100%) !important;
}

.cc-product-main-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.cc-product-placeholder{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  font-size:72px !important;
  color:#b97818 !important;
}

.cc-product-thumbs{
  margin-top:12px !important;
  display:flex !important;
  gap:10px !important;
  overflow-x:auto !important;
  padding-bottom:4px !important;
}

.cc-product-thumbs button{
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid rgba(212,175,55,.34) !important;
  background:#fff !important;
  padding:0 !important;
  cursor:pointer !important;
}

.cc-product-thumbs img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.cc-product-panel{
  padding:24px !important;
  position:sticky !important;
  top:18px !important;
}

.cc-product-panel-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

.cc-product-badges{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.cc-product-badge{
  min-height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  background:#fff4de !important;
  border:1px solid rgba(212,175,55,.28) !important;
  color:#9a6310 !important;
  font-size:12px !important;
  font-weight:950 !important;
}

.cc-product-wishlist-btn,
.cc-product-wishlist-login{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:16px !important;
  background:#07111f !important;
  color:#f6d56b !important;
  border:1px solid rgba(212,175,55,.36) !important;
  box-shadow:0 14px 28px rgba(7,17,31,.14) !important;
  font-size:22px !important;
}

.cc-product-title{
  margin:0 0 12px !important;
  color:#07111f !important;
  font-size:clamp(32px,4vw,50px) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

.cc-product-price{
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 18px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:#07111f !important;
  color:#f6d56b !important;
  border:1px solid rgba(212,175,55,.34) !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

.cc-product-meta-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.cc-product-meta{
  min-height:74px !important;
  padding:13px !important;
  border-radius:18px !important;
  background:#fffaf2 !important;
  border:1px solid rgba(212,175,55,.20) !important;
  color:#07111f !important;
}

.cc-product-meta i{
  display:block !important;
  color:#8a6b32 !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin-bottom:5px !important;
}

.cc-product-meta strong,
.cc-product-meta span{
  color:#07111f !important;
  font-weight:950 !important;
}

.cc-product-actions{
  display:grid !important;
  gap:10px !important;
  margin-bottom:18px !important;
}

.cc-product-buy,
.cc-product-chat{
  width:100% !important;
  min-height:54px !important;
  border-radius:18px !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

.cc-product-buy{
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(185,120,24,.24) !important;
}

.cc-product-chat{
  background:#07111f !important;
  color:#fff !important;
  border:1px solid rgba(212,175,55,.28) !important;
  justify-content:space-between !important;
  padding:0 14px !important;
}

.cc-product-chat-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.cc-product-chat-avatar{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  display:grid !important;
  place-items:center !important;
}

.cc-product-chat-text strong{
  display:block !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:950 !important;
}

.cc-product-chat-text small{
  display:block !important;
  color:rgba(255,255,255,.68) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.cc-product-seller-box{
  margin-top:18px !important;
  padding:14px !important;
  border-radius:22px !important;
  background:#07111f !important;
  border:1px solid rgba(212,175,55,.34) !important;
  color:#fff !important;
}

.cc-product-seller-main{
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  text-decoration:none !important;
  color:#fff !important;
}

.cc-product-seller-avatar{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#d4af37,#b97818) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  font-size:20px !important;
  font-weight:950 !important;
}

.cc-product-seller-identity strong{
  display:block !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:950 !important;
}

.cc-product-seller-identity small{
  display:block !important;
  color:rgba(255,255,255,.66) !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-top:3px !important;
}

.cc-product-seller-review-link{
  margin-top:12px !important;
  padding:12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:#fff !important;
  text-decoration:none !important;
}

.cc-product-seller-review-rating strong{
  color:#f6d56b !important;
  font-size:18px !important;
}

.cc-product-seller-review-rating span,
.cc-product-seller-review-cta{
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.cc-product-section{
  margin-top:22px !important;
  padding:26px !important;
}

.cc-product-section-head{
  margin-bottom:16px !important;
}

.cc-product-section-head h2{
  margin:0 0 6px !important;
  color:#07111f !important;
  font-size:30px !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
}

.cc-product-muted{
  color:rgba(7,17,31,.62) !important;
  font-weight:750 !important;
}

.cc-product-description{
  padding:18px !important;
  border-radius:20px !important;
  background:#fffaf2 !important;
  border:1px solid rgba(212,175,55,.18) !important;
  color:rgba(7,17,31,.76) !important;
  line-height:1.65 !important;
  font-weight:700 !important;
}

/* related listings inside product detail */
.cc-product-detail-page .cc-listing-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.cc-product-detail-page .cc-listing-card{
  border-radius:24px !important;
  overflow:hidden !important;
  background:#07111f !important;
  border:1px solid rgba(212,175,55,.34) !important;
  box-shadow:0 24px 70px rgba(7,17,31,.16) !important;
  text-decoration:none !important;
}

.cc-product-detail-page .cc-listing-media{
  height:220px !important;
  background:#fff4de !important;
  overflow:hidden !important;
}

.cc-product-detail-page .cc-listing-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.cc-product-detail-page .cc-listing-body{
  padding:16px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(212,175,55,.16), transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0d1828 100%) !important;
  color:#fff !important;
}

.cc-product-detail-page .cc-listing-title{
  color:#fff !important;
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
}

.cc-product-detail-page .cc-listing-meta{
  margin-top:6px !important;
  color:rgba(255,255,255,.68) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.cc-product-detail-page .cc-listing-price{
  margin-top:8px !important;
  color:#f6d56b !important;
  font-size:17px !important;
  font-weight:950 !important;
}

@media(max-width:1050px){
  .cc-product-hero{
    grid-template-columns:1fr !important;
  }

  .cc-product-panel{
    position:relative !important;
    top:auto !important;
  }

  .cc-product-main-media{
    height:480px !important;
  }

  .cc-product-detail-page .cc-listing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .cc-product-detail-page{
    padding:14px 14px 86px !important;
  }

  .cc-product-topbar{
    align-items:flex-start !important;
  }

  .cc-product-back{
    width:100% !important;
    justify-content:center !important;
  }

  .cc-product-gallery-card,
  .cc-product-panel,
  .cc-product-section{
    border-radius:24px !important;
  }

  .cc-product-main-media{
    height:360px !important;
    border-radius:20px !important;
  }

  .cc-product-panel{
    padding:18px !important;
  }

  .cc-product-title{
    font-size:32px !important;
  }

  .cc-product-price{
    font-size:20px !important;
  }

  .cc-product-meta-grid{
    grid-template-columns:1fr !important;
  }

  .cc-product-section{
    padding:18px !important;
  }

  .cc-product-section-head h2{
    font-size:27px !important;
  }

  .cc-product-detail-page .cc-listing-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .cc-product-detail-page .cc-listing-card{
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) !important;
    min-height:154px !important;
  }

  .cc-product-detail-page .cc-listing-media{
    height:100% !important;
    min-height:154px !important;
  }

  .cc-product-detail-page .cc-listing-body{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:14px !important;
  }
}

/* MARKETPLACE POLISH PHASE 1 - commercial clarity, real CTAs, safe CSS-only */
.ccx-market-page .ccx-market-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ccx-market-page .ccx-market-card:hover{
  transform:translateY(-3px);
  border-color:rgba(212,175,55,.42);
  box-shadow:0 22px 56px rgba(38,27,10,.12);
}

.ccx-market-page .ccx-market-card-main:focus-visible,
.ccx-market-page .ccx-plan-button:focus-visible,
.ccx-market-page .ccx-sell-more-actions a:focus-visible{
  outline:3px solid rgba(212,175,55,.42);
  outline-offset:3px;
}

.ccx-market-page .ccx-market-card-main em{
  letter-spacing:.03em;
  box-shadow:0 10px 24px rgba(185,121,24,.22);
}

.ccx-market-bottom .ccx-plans{
  border-color:rgba(212,175,55,.28);
  box-shadow:0 18px 50px rgba(38,27,10,.08);
}

.ccx-market-bottom .ccx-plan-button{
  min-width:118px;
  justify-content:center;
  box-shadow:0 14px 28px rgba(185,121,24,.20);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.ccx-market-bottom .ccx-plan-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.04);
  box-shadow:0 18px 38px rgba(185,121,24,.26);
}

.ccx-sell-more-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.ccx-sell-more-actions a{
  min-height:42px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-size:13px;
  font-weight:950;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.ccx-sell-more-actions a:first-child{
  background:linear-gradient(135deg,var(--cc-gold),#b97818);
  color:#fff;
  box-shadow:0 14px 28px rgba(185,121,24,.22);
}

.ccx-sell-more-actions a:last-child{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.26);
}

.ccx-sell-more-actions a:hover{
  transform:translateY(-2px);
}

.ccx-sell-more-actions a:first-child:hover{
  box-shadow:0 18px 38px rgba(185,121,24,.28);
}

.ccx-sell-more-actions a:last-child:hover{
  background:rgba(255,255,255,.18);
  border-color:rgba(212,175,55,.52);
}

html[data-theme="dark"] .ccx-market-page .ccx-market-card:hover,
body[data-theme="dark"] .ccx-market-page .ccx-market-card:hover{
  border-color:rgba(212,175,55,.50) !important;
  box-shadow:0 24px 62px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] .ccx-market-bottom .ccx-plans,
body[data-theme="dark"] .ccx-market-bottom .ccx-plans{
  border-color:rgba(212,175,55,.34) !important;
}

html[data-theme="dark"] .ccx-sell-more-actions a:last-child,
body[data-theme="dark"] .ccx-sell-more-actions a:last-child{
  background:rgba(15,32,54,.86);
  color:#f8fbff;
  border-color:rgba(212,175,55,.36);
}

@media(max-width:820px){
  .ccx-sell-more-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }

  .ccx-sell-more-actions a{
    width:100%;
  }

  .ccx-market-page .ccx-market-card:hover{
    transform:none;
  }
}
/* END MARKETPLACE POLISH PHASE 1 */

/* MARKETPLACE MOBILE CARDS PHASE 1 - 2-column commercial grid */
@media(max-width:820px){
  .ccx-market-page{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .ccx-market-results{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    overflow:visible !important;
    padding-bottom:4px !important;
  }

  .ccx-market-results .ccx-market-card{
    min-width:0 !important;
    width:100% !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid rgba(232,222,206,.95) !important;
    box-shadow:0 12px 30px rgba(38,27,10,.075) !important;
  }

  .ccx-market-results .ccx-market-card-main{
    min-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .ccx-market-results .ccx-market-media{
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    border-radius:0 !important;
    background:linear-gradient(135deg,#f3eadb 0%,#fffaf1 100%) !important;
  }

  .ccx-market-results .ccx-market-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .ccx-market-results .ccx-market-media svg{
    width:34px !important;
    height:34px !important;
  }

  .ccx-market-results .ccx-market-card-body{
    padding:9px 9px 10px !important;
    gap:4px !important;
  }

  .ccx-market-results .ccx-market-card-body strong{
    font-size:12px !important;
    line-height:1.25 !important;
    min-height:31px !important;
    max-height:32px !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }

  .ccx-market-results .ccx-market-card-body b{
    font-size:13px !important;
    line-height:1.15 !important;
    color:#111827 !important;
  }

  .ccx-market-results .ccx-market-card-body small{
    font-size:10.5px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .ccx-market-results .ccx-market-card-main em{
    top:7px !important;
    left:7px !important;
    max-width:calc(100% - 14px) !important;
    padding:4px 7px !important;
    border-radius:999px !important;
    font-size:9px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    box-shadow:0 10px 22px rgba(185,121,24,.25) !important;
  }

  .ccx-market-results .ccx-market-card .cc-wishlist-floating-form,
  .ccx-market-results .ccx-market-card .cc-wishlist-floating-login,
  .ccx-market-results .ccx-market-card [class*="wishlist"]{
    top:7px !important;
    right:7px !important;
  }

  .ccx-market-results .ccx-market-card .cc-wishlist-floating-btn,
  .ccx-market-results .ccx-market-card .cc-wishlist-floating-login{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:999px !important;
    font-size:14px !important;
    background:rgba(255,255,255,.94) !important;
    backdrop-filter:blur(10px) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.14) !important;
  }

  .ccx-market-results .ccx-market-card:hover{
    transform:none !important;
  }

  .ccx-market-bottom{
    margin-top:16px !important;
  }
}

@media(max-width:380px){
  .ccx-market-results{
    gap:10px !important;
  }

  .ccx-market-results .ccx-market-card-body{
    padding:8px !important;
  }

  .ccx-market-results .ccx-market-card-body strong{
    font-size:11.5px !important;
  }

  .ccx-market-results .ccx-market-card-body b{
    font-size:12.5px !important;
  }
}

html[data-theme="dark"] .ccx-market-results .ccx-market-card,
body[data-theme="dark"] .ccx-market-results .ccx-market-card{
  background:linear-gradient(180deg,#0f2036 0%,#0b1728 100%) !important;
  border-color:rgba(212,175,55,.28) !important;
}

html[data-theme="dark"] .ccx-market-results .ccx-market-media,
body[data-theme="dark"] .ccx-market-results .ccx-market-media{
  background:linear-gradient(135deg,#10233b 0%,#0b1728 100%) !important;
}

html[data-theme="dark"] .ccx-market-results .ccx-market-card-body b,
body[data-theme="dark"] .ccx-market-results .ccx-market-card-body b{
  color:#f8fbff !important;
}
/* END MARKETPLACE MOBILE CARDS PHASE 1 */






/* HEADER USER MENU WITH SPHERE ONLY */
.ccx-user-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.ccx-user-toggle{
  border:0;
  cursor:pointer;
}

.ccx-user-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:95;
  min-width:238px;
  padding:8px;
  display:none;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:16px;
  box-shadow:0 24px 70px rgba(30,20,8,.18);
}

.ccx-user-dropdown::before{
  content:"";
  position:absolute;
  top:-7px;
  right:22px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:#fff;
  border-left:1px solid var(--cc-line);
  border-top:1px solid var(--cc-line);
}

.ccx-user-dropdown a,
.ccx-user-dropdown button{
  width:100%;
  min-height:42px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#211b13;
  font:inherit;
  font-size:13px;
  font-weight:900;
  text-align:left;
  cursor:pointer;
}

.ccx-user-dropdown a:hover,
.ccx-user-dropdown button:hover{
  background:#fff3dc;
  color:#9f680f;
}

.ccx-user-dropdown svg{
  width:18px;
  height:18px;
  color:#a56d16;
  flex:0 0 auto;
}

.ccx-user-dropdown form{
  margin:0;
}

html[data-theme="dark"] .ccx-user-dropdown,
body[data-theme="dark"] .ccx-user-dropdown{
  background:#0f2036;
  border-color:rgba(212,175,55,.30);
  box-shadow:0 24px 70px rgba(0,0,0,.36);
}

html[data-theme="dark"] .ccx-user-dropdown::before,
body[data-theme="dark"] .ccx-user-dropdown::before{
  background:#0f2036;
  border-color:rgba(212,175,55,.30);
}

html[data-theme="dark"] .ccx-user-dropdown a,
html[data-theme="dark"] .ccx-user-dropdown button,
body[data-theme="dark"] .ccx-user-dropdown a,
body[data-theme="dark"] .ccx-user-dropdown button{
  color:#f8fbff;
}

html[data-theme="dark"] .ccx-user-dropdown a:hover,
html[data-theme="dark"] .ccx-user-dropdown button:hover,
body[data-theme="dark"] .ccx-user-dropdown a:hover,
body[data-theme="dark"] .ccx-user-dropdown button:hover{
  background:rgba(212,175,55,.14);
  color:#f2c766;
}

@media(max-width:820px){
  .ccx-user-menu{
    display:none;
  }
}
/* END HEADER USER MENU WITH SPHERE ONLY */




/* MOBILE DRAWER ACCOUNT MENU FIX */
.ccx-mobile-account-menu{
  display:grid;
  gap:9px;
  margin:0 0 16px;
  padding:0 0 16px;
  border-bottom:1px solid rgba(232,222,206,.95);
}

.ccx-drawer-nav .ccx-mobile-account-menu a,
.ccx-drawer-nav .ccx-mobile-account-menu button{
  min-height:46px;
  width:100%;
  border:1px solid var(--cc-line);
  border-radius:12px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  font:inherit;
  font-size:14px;
  font-weight:950;
  color:#111827;
  text-align:left;
  cursor:pointer;
}

.ccx-drawer-nav .ccx-mobile-account-menu form{
  margin:0;
}

.ccx-drawer-nav .ccx-mobile-account-menu svg{
  width:20px;
  height:20px;
  color:#b97818;
  flex:0 0 auto;
}

.ccx-drawer-nav .ccx-mobile-account-menu .ccx-mobile-menu-primary{
  min-height:52px;
  border-color:rgba(212,175,55,.42);
  background:linear-gradient(135deg,#fff8e8 0%,#fff 100%);
  box-shadow:0 12px 28px rgba(38,27,10,.07);
}

.ccx-drawer-nav .ccx-mobile-account-menu a:hover,
.ccx-drawer-nav .ccx-mobile-account-menu button:hover{
  background:#fff3dc;
  color:#9f680f;
}

html[data-theme="dark"] .ccx-mobile-account-menu,
body[data-theme="dark"] .ccx-mobile-account-menu{
  border-color:rgba(212,175,55,.24);
}

html[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu a,
html[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu button,
body[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu a,
body[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu button{
  background:#0f2036;
  color:#f8fbff;
  border-color:rgba(212,175,55,.28);
}

html[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu .ccx-mobile-menu-primary,
body[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu .ccx-mobile-menu-primary{
  background:rgba(212,175,55,.14);
  border-color:rgba(212,175,55,.38);
}
/* END MOBILE DRAWER ACCOUNT MENU FIX */


/* MARKET HEADER IDENTITY SYNC PHASE 1 */
.ccx-user-toggle{
  padding-left:8px;
}

.ccx-user-avatar{
  width:32px;
  height:32px;
  border-radius:999px;
  overflow:hidden;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(135deg,#0f172a,#d99a21);
  color:#fff;
  font-size:13px;
  font-weight:1000;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 8px 18px rgba(15,23,42,.16);
}

.ccx-user-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ccx-user-avatar svg{
  width:17px;
  height:17px;
  color:#111827;
}

.ccx-drawer-identity{
  display:flex;
  align-items:center;
  gap:10px;
}

.ccx-drawer-identity .ccx-user-avatar{
  width:38px;
  height:38px;
}

.ccx-drawer-identity span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}

.ccx-drawer-identity strong,
.ccx-drawer-identity small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html[data-theme="dark"] .ccx-user-avatar,
body[data-theme="dark"] .ccx-user-avatar{
  border-color:rgba(212,175,55,.45);
  box-shadow:0 8px 22px rgba(0,0,0,.30);
}
/* END MARKET HEADER IDENTITY SYNC PHASE 1 */


/* MARKET HEADER VISUAL ALIGNMENT PHASE 1 */
.ccx-header{
  background:rgba(255,250,242,.92) !important;
  border-bottom:1px solid rgba(232,222,206,.88) !important;
  box-shadow:0 10px 34px rgba(38,27,10,.06) !important;
}

.ccx-header-inner{
  min-height:74px !important;
}

.ccx-logo{
  border-radius:18px;
}

.ccx-logo-mark{
  background:linear-gradient(135deg,#fff,#fff7e6);
  box-shadow:0 12px 28px rgba(38,27,10,.08);
}

.ccx-logo-copy strong{
  letter-spacing:-.02em;
}

.ccx-search{
  background:#fff !important;
  border-color:rgba(232,222,206,.96) !important;
  box-shadow:0 14px 36px rgba(38,27,10,.06) !important;
}

.ccx-search:focus-within{
  border-color:rgba(212,175,55,.48) !important;
  box-shadow:0 18px 42px rgba(185,121,24,.11) !important;
}

.ccx-round,
.ccx-login,
.ccx-publish{
  border-radius:999px !important;
}

.ccx-login{
  background:#fff !important;
  border:1px solid rgba(232,222,206,.96) !important;
  box-shadow:0 12px 28px rgba(38,27,10,.07) !important;
}

.ccx-user-toggle{
  min-width:0;
  max-width:210px;
  padding:5px 12px 5px 6px !important;
}

.ccx-user-toggle strong{
  max-width:118px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ccx-user-avatar{
  width:34px !important;
  height:34px !important;
  border:2px solid rgba(212,175,55,.46) !important;
}

.ccx-user-dropdown{
  margin-top:4px;
  border-radius:18px !important;
  border-color:rgba(212,175,55,.26) !important;
  box-shadow:0 28px 80px rgba(38,27,10,.20) !important;
}

.ccx-user-dropdown a:first-child{
  background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.96));
}

.ccx-publish{
  box-shadow:0 14px 28px rgba(185,121,24,.18) !important;
}

.ccx-category-nav{
  background:rgba(255,250,242,.82) !important;
  border-bottom:1px solid rgba(232,222,206,.72) !important;
}

.ccx-nav-main-cat,
.ccx-category-more summary{
  border-radius:999px !important;
}

html[data-theme="dark"] .ccx-header,
body[data-theme="dark"] .ccx-header{
  background:rgba(7,17,31,.92) !important;
  border-bottom-color:rgba(212,175,55,.20) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.26) !important;
}

html[data-theme="dark"] .ccx-logo-mark,
body[data-theme="dark"] .ccx-logo-mark{
  background:linear-gradient(135deg,#13243a,#07111f) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .ccx-search,
body[data-theme="dark"] .ccx-search,
html[data-theme="dark"] .ccx-login,
body[data-theme="dark"] .ccx-login{
  background:rgba(15,32,54,.92) !important;
  border-color:rgba(212,175,55,.26) !important;
  color:#f8fbff !important;
}

html[data-theme="dark"] .ccx-category-nav,
body[data-theme="dark"] .ccx-category-nav{
  background:rgba(7,17,31,.86) !important;
  border-bottom-color:rgba(212,175,55,.18) !important;
}

html[data-theme="dark"] .ccx-user-dropdown a:first-child,
body[data-theme="dark"] .ccx-user-dropdown a:first-child{
  background:rgba(212,175,55,.16) !important;
}

@media(max-width:820px){
  .ccx-mobile-topbar{
    background:rgba(255,250,242,.94) !important;
    border-bottom:1px solid rgba(232,222,206,.88) !important;
    box-shadow:0 10px 28px rgba(38,27,10,.06) !important;
  }

  .ccx-mobile-drawer{
    background:#fffaf2 !important;
  }

  .ccx-drawer-head{
    border-bottom:1px solid rgba(232,222,206,.86);
    padding-bottom:14px;
    margin-bottom:14px;
  }

  .ccx-mobile-account-menu{
    margin-top:4px !important;
  }

  .ccx-drawer-nav .ccx-mobile-account-menu .ccx-mobile-menu-primary{
    background:linear-gradient(135deg,#fff2ce,#fff) !important;
    border-color:rgba(212,175,55,.48) !important;
  }

  html[data-theme="dark"] .ccx-mobile-topbar,
  body[data-theme="dark"] .ccx-mobile-topbar{
    background:rgba(7,17,31,.94) !important;
    border-bottom-color:rgba(212,175,55,.20) !important;
  }

  html[data-theme="dark"] .ccx-mobile-drawer,
  body[data-theme="dark"] .ccx-mobile-drawer{
    background:#07111f !important;
  }

  html[data-theme="dark"] .ccx-drawer-head,
  body[data-theme="dark"] .ccx-drawer-head{
    border-bottom-color:rgba(212,175,55,.20) !important;
  }

  html[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu .ccx-mobile-menu-primary,
  body[data-theme="dark"] .ccx-drawer-nav .ccx-mobile-account-menu .ccx-mobile-menu-primary{
    background:rgba(212,175,55,.16) !important;
    border-color:rgba(212,175,55,.40) !important;
  }
}
/* END MARKET HEADER VISUAL ALIGNMENT PHASE 1 */










/* MARKET REAL APPROVED CREATIVES CAROUSEL */
.ccx-market-spotlight-carousel{
  position:relative;
  margin:0 0 22px;
  border-radius:30px;
}

.ccx-market-spotlight-viewport{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(212,175,55,.34);
  box-shadow:0 26px 78px rgba(15,23,42,.20);
  background:#07111f;
}

.ccx-market-spotlight-track{
  display:flex;
  width:100%;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}

.ccx-market-spotlight-slide{
  min-width:100%;
  height:clamp(260px,28vw,430px);
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  color:#fff;
  isolation:isolate;
}

.ccx-market-spotlight-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  z-index:0;
  opacity:1;
}

.ccx-market-spotlight-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(4,10,20,.92) 0%,rgba(4,10,20,.76) 34%,rgba(4,10,20,.34) 62%,rgba(4,10,20,.08) 100%),
    radial-gradient(circle at 12% 18%,rgba(212,175,55,.22),transparent 36%);
}

.ccx-market-spotlight-content{
  position:relative;
  z-index:2;
  width:min(680px,62%);
  padding:42px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ccx-market-spotlight-content em{
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(212,175,55,.20);
  border:1px solid rgba(212,175,55,.48);
  color:#f7d98a;
  font-size:11px;
  font-weight:950;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.ccx-market-spotlight-content strong{
  max-width:640px;
  font-size:clamp(34px,4.6vw,68px);
  line-height:.96;
  letter-spacing:-.06em;
  text-shadow:0 16px 42px rgba(0,0,0,.42);
}

.ccx-market-spotlight-content small{
  max-width:560px;
  color:rgba(255,255,255,.84);
  font-size:clamp(14px,1.2vw,18px);
  line-height:1.45;
  text-shadow:0 10px 26px rgba(0,0,0,.35);
}

.ccx-market-spotlight-content b{
  width:max-content;
  margin-top:4px;
  padding:11px 16px;
  border-radius:999px;
  background:#d18a12;
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 14px 30px rgba(209,138,18,.28);
}

.ccx-market-spotlight-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:44px;
  height:44px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(4,10,20,.42);
  color:#fff;
  font-size:34px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter:blur(12px);
}

.ccx-market-spotlight-prev{left:14px}
.ccx-market-spotlight-next{right:14px}

.ccx-market-spotlight-arrow:hover{
  background:#d18a12;
  border-color:#d18a12;
}

.ccx-market-spotlight-dots{
  position:absolute;
  left:50%;
  bottom:14px;
  z-index:5;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(4,10,20,.36);
  backdrop-filter:blur(12px);
}

.ccx-market-spotlight-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.48);
  cursor:pointer;
}

.ccx-market-spotlight-dots button.is-active{
  width:24px;
  background:#d18a12;
}

html[data-theme="dark"] .ccx-market-spotlight-viewport,
body[data-theme="dark"] .ccx-market-spotlight-viewport{
  box-shadow:0 28px 84px rgba(0,0,0,.42);
}

@media(max-width:820px){
  .ccx-market-spotlight-carousel{
    margin:4px 0 16px;
    border-radius:22px;
  }

  .ccx-market-spotlight-viewport{
    border-radius:22px;
  }

  .ccx-market-spotlight-slide{
    height:280px;
  }

  .ccx-market-spotlight-overlay{
    background:
      linear-gradient(90deg,rgba(4,10,20,.94) 0%,rgba(4,10,20,.74) 58%,rgba(4,10,20,.22) 100%),
      radial-gradient(circle at 18% 18%,rgba(212,175,55,.20),transparent 38%);
  }

  .ccx-market-spotlight-content{
    width:78%;
    padding:22px;
    gap:9px;
  }

  .ccx-market-spotlight-content strong{
    font-size:29px;
    line-height:1;
  }

  .ccx-market-spotlight-content small{
    font-size:12px;
  }

  .ccx-market-spotlight-content em{
    font-size:9px;
    padding:5px 8px;
  }

  .ccx-market-spotlight-content b{
    padding:8px 11px;
    font-size:11px;
  }

  .ccx-market-spotlight-arrow{
    display:none;
  }

  .ccx-market-spotlight-dots{
    bottom:10px;
  }
}
/* END MARKET REAL APPROVED CREATIVES CAROUSEL */


/* MARKET MOBILE CREATIVE IMAGE FIX */
.ccx-market-spotlight-slide picture{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
}

.ccx-market-spotlight-slide picture img{
  width:100%;
  height:100%;
  display:block;
}

@media(max-width:820px){
  .ccx-market-spotlight-bg{
    object-fit:contain !important;
    object-position:center !important;
    background:#07111f;
  }

  .ccx-market-spotlight-slide{
    background:#07111f;
  }

  .ccx-market-spotlight-overlay{
    background:
      linear-gradient(0deg,rgba(4,10,20,.72) 0%,rgba(4,10,20,.30) 46%,rgba(4,10,20,.08) 100%),
      linear-gradient(90deg,rgba(4,10,20,.76) 0%,rgba(4,10,20,.42) 48%,rgba(4,10,20,.10) 100%) !important;
  }
}
/* END MARKET MOBILE CREATIVE IMAGE FIX */

/* MARKET_MOBILE_TABLET_SAFE_RESPONSIVE_V1
   C&C Marketplace: responsive mobile/tablet polish without touching checkout or payment flows.
*/
.ccx-market-page,
.ccx-market-grid,
.ccx-market-main,
.ccx-market-results,
.ccx-market-card,
.ccx-market-card-main,
.ccx-market-card-body,
.ccx-market-spotlight-carousel,
.ccx-market-spotlight-slide {
    min-width: 0;
}

.ccx-market-card-body strong,
.ccx-market-card-body small,
.ccx-sellers strong,
.ccx-sellers small,
.ccx-category-card strong,
.ccx-category-card small,
.ccx-market-tabs strong {
    overflow-wrap: anywhere;
    word-break: normal;
}

.ccx-real-empty-seller {
    align-items: flex-start !important;
}

.ccx-real-empty-seller div {
    min-width: 0;
}

.ccx-real-empty-seller a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    color: #21170a;
    background: linear-gradient(135deg, #f3c56b, #b97818);
    border: 1px solid rgba(177, 120, 24, .45);
}

@media (min-width: 821px) and (max-width: 1320px) {
    .ccx-market-grid {
        grid-template-columns: 230px minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .ccx-market-right {
        display: none !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .ccx-market-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ccx-market-search {
        max-width: 100% !important;
    }
}

@media (max-width: 820px) {
    .ccx-market-page {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 12px !important;
        overflow-x: hidden !important;
    }

    .ccx-market-spotlight-carousel {
        margin: 10px 0 16px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 330px !important;
        aspect-ratio: auto !important;
    }

    .ccx-market-spotlight-slide picture,
    .ccx-market-spotlight-slide img,
    .ccx-market-spotlight-bg {
        width: 100% !important;
        height: 100% !important;
    }

    .ccx-market-spotlight-bg {
        object-fit: contain !important;
        background: #0f0b07 !important;
    }

    .ccx-market-spotlight-content {
        max-width: calc(100% - 28px) !important;
        left: 14px !important;
        right: 14px !important;
        bottom: 16px !important;
    }

    .ccx-market-spotlight-content strong {
        font-size: clamp(20px, 6vw, 30px) !important;
        line-height: 1.02 !important;
    }

    .ccx-market-spotlight-content small {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .ccx-market-spotlight-arrow {
        width: 36px !important;
        height: 36px !important;
        top: 44% !important;
    }

    .ccx-market-hero {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .ccx-market-hero h1 {
        font-size: clamp(28px, 9vw, 42px) !important;
        line-height: .98 !important;
    }

    .ccx-market-hero p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .ccx-market-search {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 10px !important;
    }

    .ccx-market-search input,
    .ccx-market-search button {
        width: 100% !important;
        min-height: 46px !important;
    }

    .ccx-market-tabs {
        display: flex !important;
        gap: 10px !important;
        overflow-x: auto !important;
        padding: 4px 2px 10px !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    .ccx-market-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .ccx-market-tabs a {
        flex: 0 0 auto !important;
        min-width: 118px !important;
        scroll-snap-align: start !important;
        min-height: 46px !important;
        padding: 10px 12px !important;
    }

    .ccx-market-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .ccx-market-left,
    .ccx-market-right,
    .ccx-market-main {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ccx-market-right {
        display: block !important;
    }

    .ccx-filter form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .ccx-filter select,
    .ccx-filter input,
    .ccx-filter button {
        min-height: 44px !important;
        width: 100% !important;
    }

    .ccx-saved {
        display: none !important;
    }

    .ccx-market-results {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        overflow: visible !important;
    }

    .ccx-market-card {
        width: 100% !important;
        border-radius: 18px !important;
    }

    .ccx-market-card-main {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    .ccx-market-media {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
        height: auto !important;
        background: #f8efe2 !important;
    }

    .ccx-market-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    .ccx-market-card-body {
        padding: 10px !important;
        gap: 6px !important;
    }

    .ccx-market-card-body strong {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .ccx-market-card-body b {
        font-size: 14px !important;
    }

    .ccx-market-card-body small {
        font-size: 11px !important;
    }

    .ccx-market-bottom {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .ccx-category-cards,
    .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .ccx-category-card {
        min-height: 92px !important;
        padding: 12px 8px !important;
    }

    .ccx-sellers article {
        align-items: flex-start !important;
    }

    .ccx-sell-more-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .ccx-sell-more-actions a {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
    }
}

@media (max-width: 430px) {
    .ccx-market-page {
        padding-inline: 10px !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .ccx-market-card-body {
        padding: 9px !important;
    }

    .ccx-market-card-main em {
        max-width: calc(100% - 16px) !important;
        overflow-wrap: anywhere !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 300px !important;
    }

    .ccx-category-cards,
    .ccx-plan-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 360px) {
    .ccx-market-results {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_SPOTLIGHT_CAROUSEL_WIDTH_REPAIR_V1
   Repair after responsive patch: each spotlight slide must occupy one full carousel viewport.
   Do not let the generic min-width:0 rule collapse slides.
*/
.ccx-market-spotlight-viewport {
    width: 100% !important;
    overflow: hidden !important;
}

.ccx-market-spotlight-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    transform: translateX(0);
    transition: transform .45s ease !important;
    will-change: transform;
}

.ccx-market-spotlight-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.ccx-market-spotlight-slide picture,
.ccx-market-spotlight-slide img,
.ccx-market-spotlight-bg {
    display: block !important;
}

@media (max-width: 820px) {
    .ccx-market-spotlight-track {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .ccx-market-spotlight-slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/* MARKET_VISUAL_PREMIUM_PHASE1_V1
   C&C Global Market / Marketplace visual refinement.
   CSS-only. Does not touch checkout, routes, payments, Ziina or Blade logic.
*/

.ccx-market-page {
    --mkp-ink: #17120b;
    --mkp-muted: #756a5a;
    --mkp-gold: #c48619;
    --mkp-gold-2: #f2c56d;
    --mkp-cream: #fff7ea;
    --mkp-card: rgba(255,255,255,.94);
    --mkp-line: rgba(151,104,24,.18);
    --mkp-shadow: 0 24px 70px rgba(64,42,10,.10);
    --mkp-soft-shadow: 0 14px 34px rgba(64,42,10,.075);

    position: relative;
    isolation: isolate;
}

.ccx-market-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(244,197,112,.22), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(196,134,25,.14), transparent 26%),
        linear-gradient(180deg, #fffaf1 0%, #f8efe1 46%, #fffaf4 100%);
}

/* ===== Spotlight carousel ===== */

.ccx-market-spotlight-carousel {
    position: relative;
    margin: 18px auto 26px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 90px rgba(23,18,11,.18) !important;
    border: 1px solid rgba(244,197,112,.30) !important;
    background: #080706 !important;
}

.ccx-market-spotlight-viewport {
    border-radius: inherit !important;
    overflow: hidden !important;
}

.ccx-market-spotlight-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    transition: transform .55s cubic-bezier(.22,.8,.22,1) !important;
}

.ccx-market-spotlight-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    min-height: 380px !important;
    overflow: hidden !important;
}

.ccx-market-spotlight-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.01);
    filter: saturate(1.04) contrast(1.02);
}

.ccx-market-spotlight-overlay {
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(5,7,12,.88) 0%, rgba(5,7,12,.64) 38%, rgba(5,7,12,.25) 68%, rgba(5,7,12,.08) 100%),
        radial-gradient(circle at 20% 50%, rgba(196,134,25,.26), transparent 34%) !important;
}

.ccx-market-spotlight-content {
    position: absolute !important;
    left: clamp(24px, 4vw, 56px) !important;
    bottom: clamp(24px, 4vw, 52px) !important;
    max-width: min(560px, 68%) !important;
    display: grid !important;
    gap: 12px !important;
    color: #fff !important;
    text-shadow: 0 16px 38px rgba(0,0,0,.38);
}

.ccx-market-spotlight-content em {
    width: max-content !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(196,134,25,.18) !important;
    border: 1px solid rgba(242,197,109,.55) !important;
    color: #ffe7a6 !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.ccx-market-spotlight-content strong {
    max-width: 10ch;
    color: #fff !important;
    font-size: clamp(40px, 6vw, 72px) !important;
    line-height: .92 !important;
    letter-spacing: -.07em !important;
    font-weight: 1000 !important;
}

.ccx-market-spotlight-content small {
    max-width: 520px !important;
    color: rgba(255,249,236,.90) !important;
    font-size: clamp(14px, 1.25vw, 18px) !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

.ccx-market-spotlight-content b {
    width: max-content !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
    color: #201306 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 32px rgba(196,134,25,.32) !important;
}

.ccx-market-spotlight-arrow {
    z-index: 8 !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    background: rgba(6,7,10,.42) !important;
    color: #fff !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.26) !important;
}

.ccx-market-spotlight-dots {
    z-index: 9 !important;
    bottom: 18px !important;
}

.ccx-market-spotlight-dots button {
    width: 9px !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.46) !important;
    border: 1px solid rgba(255,255,255,.36) !important;
}

.ccx-market-spotlight-dots button.is-active {
    width: 28px !important;
    background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
}

/* ===== Hero / search ===== */

.ccx-market-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    border: 1px solid rgba(244,197,112,.24) !important;
    box-shadow: var(--mkp-shadow) !important;
    background:
        linear-gradient(135deg, rgba(7,11,20,.96), rgba(9,12,20,.84)),
        radial-gradient(circle at 74% 40%, rgba(196,134,25,.22), transparent 34%) !important;
}

.ccx-market-hero::after {
    content: "";
    position: absolute;
    inset: auto 5% -42% auto;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(242,197,109,.22), transparent 66%);
    pointer-events: none;
}

.ccx-market-hero > * {
    position: relative;
    z-index: 2;
}

.ccx-market-hero span {
    color: #f5c86c !important;
    letter-spacing: .14em !important;
    font-weight: 950 !important;
}

.ccx-market-hero h1 {
    color: #fffaf0 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance;
}

.ccx-market-hero p {
    color: rgba(255,248,233,.90) !important;
    max-width: 680px !important;
}

.ccx-market-search {
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.18) !important;
}

.ccx-market-search input {
    color: #20170d !important;
    font-weight: 700 !important;
}

.ccx-market-search input::placeholder {
    color: rgba(52,42,29,.62) !important;
}

.ccx-market-search button {
    background: linear-gradient(135deg, #d99016, #b66d0a) !important;
    color: #fffaf0 !important;
    font-weight: 950 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* ===== Type tabs ===== */

.ccx-market-tabs {
    margin: 18px 0 20px !important;
    gap: 10px !important;
}

.ccx-market-tabs a {
    border-radius: 999px !important;
    border: 1px solid rgba(151,104,24,.18) !important;
    background: rgba(255,255,255,.76) !important;
    box-shadow: 0 10px 24px rgba(64,42,10,.055) !important;
    color: #241a0e !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

.ccx-market-tabs a:hover {
    transform: translateY(-2px);
    border-color: rgba(196,134,25,.35) !important;
    box-shadow: 0 18px 34px rgba(64,42,10,.10) !important;
}

.ccx-market-tabs a.is-active {
    background: linear-gradient(135deg, #20170c, #3a2810) !important;
    color: #fff7e6 !important;
    border-color: rgba(242,197,109,.50) !important;
}

.ccx-market-tabs a.is-active svg {
    color: #f3c56d !important;
}

/* ===== Layout panels ===== */

.ccx-market-grid {
    align-items: start !important;
    gap: 22px !important;
}

.ccx-filter,
.ccx-saved,
.ccx-sellers,
.ccx-promo,
.ccx-popular,
.ccx-plans {
    border-radius: 24px !important;
    border: 1px solid var(--mkp-line) !important;
    background: var(--mkp-card) !important;
    box-shadow: var(--mkp-soft-shadow) !important;
    backdrop-filter: blur(14px);
}

.ccx-mini-head strong,
.ccx-section-head h2,
.ccx-plan-copy h2,
.ccx-promo h2,
.ccx-saved strong {
    color: #1d160d !important;
    letter-spacing: -.025em !important;
}

.ccx-mini-head a,
.ccx-section-head a,
.ccx-saved a {
    color: #9a620c !important;
    font-weight: 950 !important;
}

.ccx-filter label {
    color: #2b2114 !important;
    font-weight: 950 !important;
}

.ccx-filter select,
.ccx-filter input {
    border-radius: 14px !important;
    border: 1px solid rgba(151,104,24,.20) !important;
    background: #fffaf1 !important;
    color: #241a0e !important;
    font-weight: 750 !important;
}

.ccx-filter button {
    border-radius: 16px !important;
    background: linear-gradient(135deg, #d99016, #a85f07) !important;
    color: #fffaf0 !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 28px rgba(196,134,25,.20) !important;
}

/* ===== Cards ===== */

.ccx-market-results {
    gap: 18px !important;
}

.ccx-market-card {
    position: relative !important;
    border-radius: 24px !important;
    border: 1px solid rgba(151,104,24,.16) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 14px 34px rgba(64,42,10,.08) !important;
    overflow: hidden !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.ccx-market-card:hover {
    transform: translateY(-4px);
    border-color: rgba(196,134,25,.34) !important;
    box-shadow: 0 24px 58px rgba(64,42,10,.15) !important;
}

.ccx-market-card-main {
    color: inherit !important;
}

.ccx-market-card-main em {
    z-index: 4 !important;
    top: 12px !important;
    left: 12px !important;
    border-radius: 999px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(242,197,109,.58) !important;
    background: rgba(20,13,5,.78) !important;
    color: #ffe3a0 !important;
    backdrop-filter: blur(10px) !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.ccx-market-media {
    background:
        radial-gradient(circle at 50% 40%, rgba(244,197,112,.18), transparent 45%),
        linear-gradient(135deg, #fff8ed, #f4e5cc) !important;
    overflow: hidden !important;
}

.ccx-market-media img {
    transition: transform .28s ease, filter .28s ease !important;
    object-fit: cover !important;
}

.ccx-market-card:hover .ccx-market-media img {
    transform: scale(1.045);
    filter: saturate(1.06) contrast(1.02);
}

.ccx-market-card-body {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,236,.98)) !important;
}

.ccx-market-card-body strong {
    color: #1c140b !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
}

.ccx-market-card-body b {
    color: #a46106 !important;
    font-weight: 1000 !important;
}

.ccx-market-card-body small {
    color: #766a59 !important;
    font-weight: 750 !important;
}

/* Wishlist inside cards */
.ccx-market-card [class*="wishlist"],
.ccx-market-card .wishlist-heart {
    z-index: 5 !important;
}

/* ===== Bottom commercial blocks ===== */

.ccx-category-card {
    border-radius: 20px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,236,.94)) !important;
    border: 1px solid rgba(151,104,24,.16) !important;
    box-shadow: 0 12px 28px rgba(64,42,10,.06) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

.ccx-category-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 42px rgba(64,42,10,.12) !important;
}

.ccx-category-card svg {
    color: #b8730f !important;
}

.ccx-plans {
    background:
        linear-gradient(135deg, rgba(28,18,8,.96), rgba(56,36,12,.92)),
        radial-gradient(circle at 82% 20%, rgba(244,197,112,.28), transparent 36%) !important;
    color: #fff7e6 !important;
    border-color: rgba(242,197,109,.30) !important;
}

.ccx-plans h2,
.ccx-plans strong {
    color: #fff7e6 !important;
}

.ccx-plans p,
.ccx-plans small {
    color: rgba(255,246,226,.76) !important;
}

.ccx-plan-button {
    background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
    color: #201306 !important;
    border-radius: 999px !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 34px rgba(196,134,25,.24) !important;
}

.ccx-plan-grid article {
    border-radius: 18px !important;
    border: 1px solid rgba(242,197,109,.20) !important;
    background: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(12px);
}

/* ===== Right promo ===== */

.ccx-promo {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(135deg, #1b1208, #3e270c),
        radial-gradient(circle at 80% 10%, rgba(244,197,112,.30), transparent 34%) !important;
    color: #fff7e6 !important;
    border-color: rgba(242,197,109,.28) !important;
}

.ccx-promo h2 {
    color: #fff7e6 !important;
}

.ccx-promo p {
    color: rgba(255,246,226,.78) !important;
}

.ccx-sell-more-actions a {
    border-radius: 999px !important;
    font-weight: 950 !important;
}

.ccx-sell-more-actions a:first-child {
    background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
    color: #201306 !important;
}

.ccx-sell-more-actions a:last-child {
    background: rgba(255,255,255,.10) !important;
    color: #fff7e6 !important;
    border: 1px solid rgba(242,197,109,.32) !important;
}

/* ===== Dark mode ===== */

html[data-theme="dark"] .ccx-market-page::before,
body[data-theme="dark"] .ccx-market-page::before {
    background:
        radial-gradient(circle at 16% 8%, rgba(196,134,25,.16), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(242,197,109,.10), transparent 28%),
        linear-gradient(180deg, #070707 0%, #11100e 48%, #070707 100%);
}

html[data-theme="dark"] .ccx-filter,
html[data-theme="dark"] .ccx-saved,
html[data-theme="dark"] .ccx-sellers,
html[data-theme="dark"] .ccx-popular,
body[data-theme="dark"] .ccx-filter,
body[data-theme="dark"] .ccx-saved,
body[data-theme="dark"] .ccx-sellers,
body[data-theme="dark"] .ccx-popular {
    background: rgba(18,16,13,.92) !important;
    border-color: rgba(242,197,109,.18) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .ccx-market-card,
body[data-theme="dark"] .ccx-market-card {
    background: rgba(18,16,13,.94) !important;
    border-color: rgba(242,197,109,.18) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.30) !important;
}

html[data-theme="dark"] .ccx-market-card-body,
body[data-theme="dark"] .ccx-market-card-body {
    background: linear-gradient(180deg, rgba(20,18,15,.98), rgba(15,13,11,.98)) !important;
}

html[data-theme="dark"] .ccx-market-card-body strong,
html[data-theme="dark"] .ccx-mini-head strong,
html[data-theme="dark"] .ccx-section-head h2,
html[data-theme="dark"] .ccx-saved strong,
html[data-theme="dark"] .ccx-category-card strong,
body[data-theme="dark"] .ccx-market-card-body strong,
body[data-theme="dark"] .ccx-mini-head strong,
body[data-theme="dark"] .ccx-section-head h2,
body[data-theme="dark"] .ccx-saved strong,
body[data-theme="dark"] .ccx-category-card strong {
    color: #fff5df !important;
}

html[data-theme="dark"] .ccx-market-card-body small,
html[data-theme="dark"] .ccx-category-card small,
body[data-theme="dark"] .ccx-market-card-body small,
body[data-theme="dark"] .ccx-category-card small {
    color: rgba(255,245,223,.68) !important;
}

html[data-theme="dark"] .ccx-category-card,
body[data-theme="dark"] .ccx-category-card {
    background: linear-gradient(180deg, rgba(24,21,17,.98), rgba(16,14,12,.96)) !important;
    border-color: rgba(242,197,109,.16) !important;
}

/* ===== Tablet / mobile refinement ===== */

@media (min-width: 821px) and (max-width: 1320px) {
    .ccx-market-spotlight-slide {
        min-height: 340px !important;
    }

    .ccx-market-spotlight-content strong {
        font-size: clamp(38px, 5.5vw, 58px) !important;
    }

    .ccx-market-grid {
        gap: 18px !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .ccx-market-page {
        padding-inline: 12px !important;
    }

    .ccx-market-spotlight-carousel {
        border-radius: 24px !important;
        margin-top: 12px !important;
        margin-bottom: 18px !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 420px !important;
    }

    .ccx-market-spotlight-bg {
        object-fit: cover !important;
    }

    .ccx-market-spotlight-overlay {
        background:
            linear-gradient(180deg, rgba(5,7,12,.10) 0%, rgba(5,7,12,.34) 38%, rgba(5,7,12,.86) 100%) !important;
    }

    .ccx-market-spotlight-content {
        max-width: calc(100% - 28px) !important;
        left: 14px !important;
        right: 14px !important;
        bottom: 18px !important;
        gap: 9px !important;
    }

    .ccx-market-spotlight-content strong {
        max-width: 12ch !important;
        font-size: clamp(30px, 10vw, 46px) !important;
    }

    .ccx-market-spotlight-content small {
        font-size: 13px !important;
    }

    .ccx-market-hero {
        padding: 20px !important;
        border-radius: 24px !important;
    }

    .ccx-market-search {
        border-radius: 18px !important;
    }

    .ccx-market-tabs a {
        min-width: 116px !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .ccx-market-card {
        border-radius: 20px !important;
    }

    .ccx-market-media {
        aspect-ratio: 1 / 1 !important;
    }

    .ccx-market-media img {
        object-fit: contain !important;
        padding: 4px !important;
    }

    .ccx-market-card-body {
        padding: 10px !important;
    }

    .ccx-market-card-body strong {
        font-size: 13px !important;
        line-height: 1.22 !important;
    }

    .ccx-market-card-body b {
        font-size: 14px !important;
    }

    .ccx-market-card-main em {
        top: 9px !important;
        left: 9px !important;
        font-size: 9px !important;
        padding: 6px 9px !important;
    }
}

@media (max-width: 430px) {
    .ccx-market-spotlight-slide {
        min-height: 390px !important;
    }

    .ccx-market-spotlight-content strong {
        font-size: clamp(28px, 11vw, 40px) !important;
    }

    .ccx-market-results {
        gap: 10px !important;
    }

    .ccx-market-card-body strong {
        font-size: 12.5px !important;
    }
}

@media (max-width: 360px) {
    .ccx-market-results {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_WIDTH_CAROUSEL_REPAIR_V2
   Repair marketplace page after visual phase:
   - Restore serious desktop width.
   - Restore horizontal spotlight carousel.
   - Keep mobile/tablet responsive.
   CSS-only. No checkout/payment/route changes.
*/

body:has(.ccx-market-page) .cc-main,
body:has(.ccx-market-page) main.cc-main {
    max-width: 1320px !important;
    width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.ccx-market-page {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Restore spotlight as a real horizontal banner */
.ccx-market-spotlight-carousel {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 24px auto 30px !important;
    display: block !important;
    position: relative !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    min-height: 380px !important;
    height: 380px !important;
}

.ccx-market-spotlight-viewport {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: inherit !important;
}

.ccx-market-spotlight-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 100% !important;
    align-items: stretch !important;
    transform: translateX(0);
    transition: transform .55s cubic-bezier(.22,.8,.22,1) !important;
}

.ccx-market-spotlight-slide {
    position: relative !important;
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
}

.ccx-market-spotlight-slide picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.ccx-market-spotlight-bg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Prevent old rules from turning the carousel into a vertical strip */
.ccx-market-spotlight-carousel *,
.ccx-market-spotlight-track *,
.ccx-market-spotlight-slide * {
    box-sizing: border-box;
}

.ccx-market-spotlight-content {
    z-index: 3 !important;
}

.ccx-market-spotlight-overlay {
    z-index: 2 !important;
}

.ccx-market-spotlight-arrow,
.ccx-market-spotlight-dots {
    z-index: 6 !important;
}

/* Give the page a more serious desktop layout */
.ccx-market-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 245px minmax(0, 1fr) 245px !important;
    gap: 22px !important;
    align-items: start !important;
}

.ccx-market-main {
    min-width: 0 !important;
    width: 100% !important;
}

.ccx-market-results {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.ccx-market-hero {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 150px !important;
}

.ccx-market-tabs {
    width: 100% !important;
}

/* Large desktop: a little more commercial breathing room */
@media (min-width: 1440px) {
    body:has(.ccx-market-page) .cc-main,
    body:has(.ccx-market-page) main.cc-main {
        max-width: 1420px !important;
    }

    .ccx-market-page {
        max-width: 1360px !important;
    }

    .ccx-market-spotlight-carousel {
        max-width: 1360px !important;
        height: 410px !important;
        min-height: 410px !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 410px !important;
    }

    .ccx-market-grid {
        grid-template-columns: 260px minmax(0, 1fr) 260px !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Laptop / small desktop */
@media (min-width: 1025px) and (max-width: 1320px) {
    body:has(.ccx-market-page) .cc-main,
    body:has(.ccx-market-page) main.cc-main {
        max-width: 1180px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .ccx-market-page {
        max-width: 1140px !important;
    }

    .ccx-market-spotlight-carousel {
        height: 350px !important;
        min-height: 350px !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 350px !important;
    }

    .ccx-market-grid {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .ccx-market-right {
        display: none !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Tablet */
@media (min-width: 821px) and (max-width: 1024px) {
    body:has(.ccx-market-page) .cc-main,
    body:has(.ccx-market-page) main.cc-main {
        max-width: 960px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .ccx-market-page {
        max-width: 100% !important;
    }

    .ccx-market-spotlight-carousel {
        height: 330px !important;
        min-height: 330px !important;
        border-radius: 26px !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 330px !important;
    }

    .ccx-market-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .ccx-market-left,
    .ccx-market-right {
        display: block !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 820px) {
    body:has(.ccx-market-page) .cc-main,
    body:has(.ccx-market-page) main.cc-main {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .ccx-market-page {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ccx-market-spotlight-carousel {
        width: 100% !important;
        max-width: 100% !important;
        height: 410px !important;
        min-height: 410px !important;
        margin: 12px auto 18px !important;
        border-radius: 24px !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 410px !important;
    }

    .ccx-market-spotlight-bg {
        object-fit: cover !important;
    }

    .ccx-market-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 430px) {
    .ccx-market-spotlight-carousel {
        height: 380px !important;
        min-height: 380px !important;
    }

    .ccx-market-spotlight-slide {
        min-height: 380px !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 360px) {
    .ccx-market-results {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_VISIBILITY_PLANS_OVERFLOW_FIX_V1
   Fix visibility plans block overflow in Marketplace.
   CSS-only. No Blade, route, payment or checkout changes.
*/
.ccx-market-bottom,
.ccx-plans,
.ccx-plan-grid,
.ccx-plan-grid article {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ccx-plans {
    width: 100% !important;
    overflow: hidden !important;
}

.ccx-plan-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

.ccx-plan-grid article {
    width: 100% !important;
    min-width: 0 !important;
    padding: 18px 14px !important;
    overflow: hidden !important;
}

.ccx-plan-grid article strong,
.ccx-plan-grid article small {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.ccx-plan-grid article strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.ccx-plan-grid article small {
    font-size: 11px !important;
    line-height: 1.35 !important;
}

/* When the marketplace main column is not wide enough, keep it elegant instead of overflowing */
@media (max-width: 1320px) {
    .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Tablet and mobile */
@media (max-width: 820px) {
    .ccx-plans {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .ccx-plan-grid article {
        padding: 14px 10px !important;
    }
}

/* Very small mobile */
@media (max-width: 390px) {
    .ccx-plan-grid {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_WIDTH_PLANS_FINAL_BALANCE_V1
   Final balance for /market:
   - Prevent narrow centered marketplace.
   - Restore commercial desktop width.
   - Keep carousel horizontal.
   - Fix visibility plans overflow / empty right space.
   CSS-only. No Blade, routes, checkout or Ziina changes.
*/

/* Wider public marketplace shell */
body:has(.ccx-market-page) .cc-shell,
body:has(.ccx-market-page) .cc-main {
    width: 100% !important;
}

body:has(.ccx-market-page) .cc-topbar-inner,
body:has(.ccx-market-page) .cc-main,
body:has(.ccx-market-page) main.cc-main {
    max-width: min(1480px, calc(100vw - 48px)) !important;
    width: 100% !important;
}

body:has(.ccx-market-page) .cc-main,
body:has(.ccx-market-page) main.cc-main {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.ccx-market-page {
    width: 100% !important;
    max-width: min(1420px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Top carousel must remain a real wide banner */
.ccx-market-spotlight-carousel {
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(340px, 25vw, 430px) !important;
    min-height: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ccx-market-spotlight-viewport,
.ccx-market-spotlight-track,
.ccx-market-spotlight-slide {
    height: 100% !important;
}

.ccx-market-spotlight-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

.ccx-market-spotlight-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* Main commercial grid */
.ccx-market-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) 270px !important;
    gap: 24px !important;
    align-items: start !important;
}

.ccx-market-main {
    width: 100% !important;
    min-width: 0 !important;
}

.ccx-market-results {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

/* Keep category block and plans aligned with the center column */
.ccx-market-bottom {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

.ccx-market-bottom .ccx-popular,
.ccx-market-bottom .ccx-plans {
    width: 100% !important;
    max-width: 100% !important;
}

/* Visibility plans: no overflow, no dead blank area */
.ccx-plans {
    display: grid !important;
    grid-template-columns: minmax(220px, .82fr) minmax(0, 1.6fr) !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.ccx-plan-copy {
    min-width: 0 !important;
    max-width: 100% !important;
}

.ccx-plan-grid {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.ccx-plan-grid article {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 12px !important;
    overflow: hidden !important;
}

.ccx-plan-grid article strong,
.ccx-plan-grid article small {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Laptop balance */
@media (min-width: 1181px) and (max-width: 1360px) {
    body:has(.ccx-market-page) .cc-topbar-inner,
    body:has(.ccx-market-page) .cc-main,
    body:has(.ccx-market-page) main.cc-main {
        max-width: min(1280px, calc(100vw - 36px)) !important;
    }

    .ccx-market-grid {
        grid-template-columns: 245px minmax(0, 1fr) 245px !important;
        gap: 20px !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ccx-plans {
        grid-template-columns: 1fr !important;
    }

    .ccx-plan-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Smaller laptop / tablet horizontal */
@media (min-width: 821px) and (max-width: 1180px) {
    body:has(.ccx-market-page) .cc-topbar-inner,
    body:has(.ccx-market-page) .cc-main,
    body:has(.ccx-market-page) main.cc-main {
        max-width: min(1040px, calc(100vw - 28px)) !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .ccx-market-grid {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .ccx-market-right {
        display: none !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ccx-plans {
        grid-template-columns: 1fr !important;
    }

    .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Tablet vertical and mobile */
@media (max-width: 820px) {
    body:has(.ccx-market-page) .cc-topbar-inner,
    body:has(.ccx-market-page) .cc-main,
    body:has(.ccx-market-page) main.cc-main {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .ccx-market-page {
        max-width: 100% !important;
    }

    .ccx-market-spotlight-carousel {
        height: 390px !important;
        min-height: 390px !important;
    }

    .ccx-market-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .ccx-market-left,
    .ccx-market-right {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ccx-market-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .ccx-plans {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 390px) {
    .ccx-market-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .ccx-plan-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 340px) {
    .ccx-market-results {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_REAL_CCX_SHELL_WIDTH_FIX_V1
   Real cause found by audit:
   /market uses <main class="ccx-shell">, not .cc-main or .cc-shell.
   This fixes the actual wrapper width and balances visibility plans.
   CSS-only. No Blade, routes, checkout, payments or Ziina changes.
*/

/* Actual rendered wrapper */
main.ccx-shell:has(.ccx-market-page),
.ccx-shell:has(.ccx-market-page) {
    width: 100% !important;
    max-width: min(1480px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* Marketplace page should use the real available shell width */
main.ccx-shell:has(.ccx-market-page) .ccx-market-page,
.ccx-shell:has(.ccx-market-page) .ccx-market-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Restore serious marketplace desktop composition */
main.ccx-shell:has(.ccx-market-page) .ccx-market-grid,
.ccx-shell:has(.ccx-market-page) .ccx-market-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) 270px !important;
    gap: 24px !important;
    align-items: start !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-market-main,
.ccx-shell:has(.ccx-market-page) .ccx-market-main {
    width: 100% !important;
    min-width: 0 !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-market-results,
.ccx-shell:has(.ccx-market-page) .ccx-market-results {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

/* Carousel follows the actual shell width */
main.ccx-shell:has(.ccx-market-page) .ccx-market-spotlight-carousel,
.ccx-shell:has(.ccx-market-page) .ccx-market-spotlight-carousel {
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(340px, 25vw, 430px) !important;
    min-height: 340px !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-market-spotlight-track,
.ccx-shell:has(.ccx-market-page) .ccx-market-spotlight-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 100% !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-market-spotlight-slide,
.ccx-shell:has(.ccx-market-page) .ccx-market-spotlight-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}

/* Bottom content remains inside center column, but no longer overflows */
main.ccx-shell:has(.ccx-market-page) .ccx-market-bottom,
.ccx-shell:has(.ccx-market-page) .ccx-market-bottom {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-plans,
.ccx-shell:has(.ccx-market-page) .ccx-plans {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: stretch !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-plan-copy,
.ccx-shell:has(.ccx-market-page) .ccx-plan-copy {
    min-width: 0 !important;
    max-width: 100% !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid,
.ccx-shell:has(.ccx-market-page) .ccx-plan-grid {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid article,
.ccx-shell:has(.ccx-market-page) .ccx-plan-grid article {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 16px 12px !important;
}

main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid article strong,
main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid article small,
.ccx-shell:has(.ccx-market-page) .ccx-plan-grid article strong,
.ccx-shell:has(.ccx-market-page) .ccx-plan-grid article small {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Medium desktop / laptop */
@media (min-width: 1181px) and (max-width: 1380px) {
    main.ccx-shell:has(.ccx-market-page),
    .ccx-shell:has(.ccx-market-page) {
        max-width: min(1280px, calc(100vw - 36px)) !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-grid,
    .ccx-shell:has(.ccx-market-page) .ccx-market-grid {
        grid-template-columns: 245px minmax(0, 1fr) 245px !important;
        gap: 20px !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-results,
    .ccx-shell:has(.ccx-market-page) .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid,
    .ccx-shell:has(.ccx-market-page) .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Tablet horizontal / small laptop */
@media (min-width: 821px) and (max-width: 1180px) {
    main.ccx-shell:has(.ccx-market-page),
    .ccx-shell:has(.ccx-market-page) {
        max-width: min(1040px, calc(100vw - 28px)) !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-grid,
    .ccx-shell:has(.ccx-market-page) .ccx-market-grid {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-right,
    .ccx-shell:has(.ccx-market-page) .ccx-market-right {
        display: none !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-results,
    .ccx-shell:has(.ccx-market-page) .ccx-market-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid,
    .ccx-shell:has(.ccx-market-page) .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Tablet vertical / mobile */
@media (max-width: 820px) {
    main.ccx-shell:has(.ccx-market-page),
    .ccx-shell:has(.ccx-market-page) {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-grid,
    .ccx-shell:has(.ccx-market-page) .ccx-market-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-left,
    main.ccx-shell:has(.ccx-market-page) .ccx-market-right,
    .ccx-shell:has(.ccx-market-page) .ccx-market-left,
    .ccx-shell:has(.ccx-market-page) .ccx-market-right {
        width: 100% !important;
        max-width: 100% !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-market-results,
    .ccx-shell:has(.ccx-market-page) .ccx-market-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid,
    .ccx-shell:has(.ccx-market-page) .ccx-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 390px) {
    main.ccx-shell:has(.ccx-market-page) .ccx-plan-grid,
    .ccx-shell:has(.ccx-market-page) .ccx-plan-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 340px) {
    main.ccx-shell:has(.ccx-market-page) .ccx-market-results,
    .ccx-shell:has(.ccx-market-page) .ccx-market-results {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_MOBILE_REPAIR_AFTER_DESKTOP_PATCH_V1
   Repair /market mobile after desktop visual patches.
   CSS-only. No Blade, routes, checkout, Ziina or payment changes.
*/

@media (max-width: 820px) {
    /* Make sure mobile header exists and desktop header stays hidden */
    body:has(.ccx-market-page) .ccx-header,
    body:has(.ccx-market-page) .ccx-category-nav {
        display: none !important;
    }

    body:has(.ccx-market-page) .ccx-mobile-header,
    body:has(.ccx-market-page) .ccx-mobile-topbar {
        display: flex !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 80 !important;
        width: 100% !important;
        min-height: 64px !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 12px !important;
        background: rgba(255, 248, 236, .96) !important;
        border-bottom: 1px solid rgba(151,104,24,.18) !important;
        backdrop-filter: blur(16px) !important;
    }

    body:has(.ccx-market-page) .ccx-mobile-brand {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
        max-width: 62vw !important;
    }

    body:has(.ccx-market-page) .ccx-mobile-brand img {
        width: auto !important;
        max-width: 132px !important;
        height: 48px !important;
        object-fit: contain !important;
    }

    body:has(.ccx-market-page) main.ccx-shell,
    body:has(.ccx-market-page) .ccx-shell {
        max-width: 100% !important;
        width: 100% !important;
        padding: 10px 10px 84px !important;
        margin: 0 auto !important;
        overflow-x: hidden !important;
    }

    body:has(.ccx-market-page) .ccx-market-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    /* Banner / carousel: compact, clean, usable */
    body:has(.ccx-market-page) .ccx-market-spotlight-carousel {
        width: 100% !important;
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
        margin: 10px 0 14px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        box-shadow: 0 18px 42px rgba(31,20,7,.16) !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-viewport,
    body:has(.ccx-market-page) .ccx-market-spotlight-track,
    body:has(.ccx-market-page) .ccx-market-spotlight-slide {
        height: 100% !important;
        min-height: 260px !important;
        max-height: 260px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-bg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-overlay {
        background:
            linear-gradient(180deg, rgba(5,7,12,.08) 0%, rgba(5,7,12,.42) 42%, rgba(5,7,12,.88) 100%) !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content {
        left: 18px !important;
        right: 18px !important;
        bottom: 20px !important;
        max-width: calc(100% - 36px) !important;
        gap: 7px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content em {
        min-height: 24px !important;
        padding: 5px 10px !important;
        font-size: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content strong {
        max-width: 11ch !important;
        font-size: clamp(28px, 9vw, 38px) !important;
        line-height: .94 !important;
        letter-spacing: -.055em !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content small {
        max-width: 94% !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content b {
        min-height: 36px !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-arrow {
        width: 32px !important;
        height: 32px !important;
        top: 48% !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-dots {
        bottom: 12px !important;
    }

    /* Hero: compact, not giant */
    body:has(.ccx-market-page) .ccx-market-hero {
        min-height: 0 !important;
        padding: 18px !important;
        border-radius: 22px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin-bottom: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-market-hero h1 {
        font-size: clamp(28px, 8vw, 36px) !important;
        line-height: 1 !important;
    }

    body:has(.ccx-market-page) .ccx-market-hero p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    body:has(.ccx-market-page) .ccx-market-search {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 8px !important;
        border-radius: 18px !important;
    }

    body:has(.ccx-market-page) .ccx-market-search input {
        width: 100% !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        font-size: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-market-search button {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    /* Tabs should be chips, not huge blocks */
    body:has(.ccx-market-page) .ccx-market-tabs {
        display: flex !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding: 2px 0 12px !important;
        margin: 10px 0 12px !important;
        scrollbar-width: none !important;
    }

    body:has(.ccx-market-page) .ccx-market-tabs::-webkit-scrollbar {
        display: none !important;
    }

    body:has(.ccx-market-page) .ccx-market-tabs a {
        flex: 0 0 auto !important;
        min-width: 118px !important;
        min-height: 52px !important;
        border-radius: 999px !important;
        padding: 10px 14px !important;
    }

    /* Main content */
    body:has(.ccx-market-page) .ccx-market-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-market-left,
    body:has(.ccx-market-page) .ccx-market-main,
    body:has(.ccx-market-page) .ccx-market-right {
        width: 100% !important;
        max-width: 100% !important;
    }

    body:has(.ccx-market-page) .ccx-saved {
        display: none !important;
    }

    body:has(.ccx-market-page) .ccx-market-results {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-market-card {
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body:has(.ccx-market-page) .ccx-market-media {
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body:has(.ccx-market-page) .ccx-market-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 4px !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body {
        padding: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body strong {
        font-size: 12.5px !important;
        line-height: 1.2 !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body b {
        font-size: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body small {
        font-size: 11px !important;
    }

    /* Right sidebar on mobile: useful, but not oversized */
    body:has(.ccx-market-page) .ccx-market-right {
        display: grid !important;
        gap: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-sellers,
    body:has(.ccx-market-page) .ccx-promo {
        border-radius: 22px !important;
        padding: 18px !important;
    }

    body:has(.ccx-market-page) .ccx-promo h2 {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    body:has(.ccx-market-page) .ccx-sell-more-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-sell-more-actions a {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
    }

    /* Bottom nav must remain accessible */
    body:has(.ccx-market-page) .ccx-bottom-nav {
        display: grid !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 90 !important;
    }
}

@media (max-width: 430px) {
    body:has(.ccx-market-page) .ccx-market-spotlight-carousel,
    body:has(.ccx-market-page) .ccx-market-spotlight-viewport,
    body:has(.ccx-market-page) .ccx-market-spotlight-track,
    body:has(.ccx-market-page) .ccx-market-spotlight-slide {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content strong {
        font-size: clamp(26px, 9vw, 34px) !important;
    }
}

@media (max-width: 360px) {
    body:has(.ccx-market-page) .ccx-market-results {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_MOBILE_PRIORITY_REPAIR_V2
   Priority mobile repair for /market after desktop visual patches.
   CSS-only. No Blade, routes, checkout, payments or Ziina changes.
*/

@media (max-width: 820px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    body:has(.ccx-market-page) {
        background: #fff7ea !important;
    }

    /* Real wrapper on /market */
    body:has(.ccx-market-page) main.ccx-shell,
    body:has(.ccx-market-page) .ccx-shell:has(.ccx-market-page) {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 10px 10px 92px !important;
        overflow-x: hidden !important;
    }

    body:has(.ccx-market-page) .ccx-market-page {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: hidden !important;
    }

    /* Header: keep mobile experience, hide desktop header/nav */
    body:has(.ccx-market-page) .ccx-header,
    body:has(.ccx-market-page) .ccx-category-nav {
        display: none !important;
    }

    body:has(.ccx-market-page) .ccx-mobile-header {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        align-items: center !important;
        gap: 10px !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        width: 100% !important;
        min-height: 62px !important;
        padding: 8px 10px !important;
        background: rgba(255, 248, 236, .97) !important;
        border-bottom: 1px solid rgba(151, 104, 24, .18) !important;
        backdrop-filter: blur(16px) !important;
    }

    body:has(.ccx-market-page) .ccx-mobile-brand {
        justify-content: center !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body:has(.ccx-market-page) .ccx-mobile-brand img {
        width: auto !important;
        max-width: 138px !important;
        height: 46px !important;
        object-fit: contain !important;
    }

    body:has(.ccx-market-page) .ccx-hamburger,
    body:has(.ccx-market-page) .ccx-mobile-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 14px !important;
    }

    /* Spotlight carousel: compact premium mobile banner */
    body:has(.ccx-market-page) .ccx-market-spotlight-carousel {
        width: 100% !important;
        height: 255px !important;
        min-height: 255px !important;
        max-height: 255px !important;
        margin: 10px 0 14px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        box-shadow: 0 18px 44px rgba(31, 20, 7, .16) !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-viewport,
    body:has(.ccx-market-page) .ccx-market-spotlight-track,
    body:has(.ccx-market-page) .ccx-market-spotlight-slide {
        width: 100% !important;
        height: 255px !important;
        min-height: 255px !important;
        max-height: 255px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-slide {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-slide picture,
    body:has(.ccx-market-page) .ccx-market-spotlight-bg {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-bg {
        object-fit: cover !important;
        object-position: center !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-overlay {
        background:
            linear-gradient(180deg, rgba(5, 7, 12, .04) 0%, rgba(5, 7, 12, .34) 40%, rgba(5, 7, 12, .88) 100%) !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content {
        left: 18px !important;
        right: 18px !important;
        bottom: 18px !important;
        max-width: calc(100% - 36px) !important;
        display: grid !important;
        gap: 7px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content em {
        width: max-content !important;
        min-height: 23px !important;
        padding: 4px 9px !important;
        font-size: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content strong {
        max-width: 12ch !important;
        font-size: clamp(27px, 8.5vw, 36px) !important;
        line-height: .94 !important;
        letter-spacing: -.055em !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content small {
        max-width: 95% !important;
        font-size: 12px !important;
        line-height: 1.28 !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content b {
        width: max-content !important;
        min-height: 34px !important;
        padding: 8px 13px !important;
        font-size: 12px !important;
        border-radius: 999px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-arrow {
        width: 30px !important;
        height: 30px !important;
        top: 48% !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-dots {
        bottom: 10px !important;
    }

    /* Hero: compact and usable */
    body:has(.ccx-market-page) .ccx-market-hero {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 14px !important;
        padding: 18px !important;
        border-radius: 22px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }

    body:has(.ccx-market-page) .ccx-market-hero span {
        font-size: 11px !important;
    }

    body:has(.ccx-market-page) .ccx-market-hero h1 {
        font-size: clamp(28px, 8vw, 36px) !important;
        line-height: 1 !important;
    }

    body:has(.ccx-market-page) .ccx-market-hero p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    body:has(.ccx-market-page) .ccx-market-search {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 8px !important;
        border-radius: 18px !important;
    }

    body:has(.ccx-market-page) .ccx-market-search input {
        width: 100% !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        font-size: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-market-search button {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    /* Type tabs */
    body:has(.ccx-market-page) .ccx-market-tabs {
        display: flex !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding: 2px 0 12px !important;
        margin: 8px 0 12px !important;
        scrollbar-width: none !important;
    }

    body:has(.ccx-market-page) .ccx-market-tabs::-webkit-scrollbar {
        display: none !important;
    }

    body:has(.ccx-market-page) .ccx-market-tabs a {
        flex: 0 0 auto !important;
        min-width: 116px !important;
        min-height: 50px !important;
        border-radius: 999px !important;
        padding: 9px 13px !important;
    }

    /* Main market flow */
    body:has(.ccx-market-page) .ccx-market-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
    }

    body:has(.ccx-market-page) .ccx-market-left,
    body:has(.ccx-market-page) .ccx-market-main,
    body:has(.ccx-market-page) .ccx-market-right {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body:has(.ccx-market-page) .ccx-saved {
        display: none !important;
    }

    body:has(.ccx-market-page) .ccx-filter {
        border-radius: 22px !important;
        padding: 16px !important;
    }

    body:has(.ccx-market-page) .ccx-filter form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-filter select,
    body:has(.ccx-market-page) .ccx-filter input,
    body:has(.ccx-market-page) .ccx-filter button {
        width: 100% !important;
        min-height: 44px !important;
    }

    /* Cards */
    body:has(.ccx-market-page) .ccx-market-results {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        overflow: visible !important;
    }

    body:has(.ccx-market-page) .ccx-market-card {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-main {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    body:has(.ccx-market-page) .ccx-market-media {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body:has(.ccx-market-page) .ccx-market-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 4px !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body {
        padding: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body strong {
        font-size: 12.5px !important;
        line-height: 1.2 !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body b {
        font-size: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-market-card-body small {
        font-size: 11px !important;
    }

    /* Bottom commercial blocks */
    body:has(.ccx-market-page) .ccx-market-bottom {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
    }

    body:has(.ccx-market-page) .ccx-category-cards {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-plans {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
        overflow: hidden !important;
        border-radius: 22px !important;
        padding: 18px !important;
    }

    body:has(.ccx-market-page) .ccx-plan-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* Right sidebar: keep, but mobile-friendly */
    body:has(.ccx-market-page) .ccx-market-right {
        display: grid !important;
        gap: 14px !important;
    }

    body:has(.ccx-market-page) .ccx-sellers,
    body:has(.ccx-market-page) .ccx-promo {
        border-radius: 22px !important;
        padding: 18px !important;
    }

    body:has(.ccx-market-page) .ccx-promo h2 {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    body:has(.ccx-market-page) .ccx-sell-more-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body:has(.ccx-market-page) .ccx-sell-more-actions a {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
    }

    /* Bottom nav */
    body:has(.ccx-market-page) .ccx-bottom-nav {
        display: grid !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 100 !important;
    }
}

@media (max-width: 430px) {
    body:has(.ccx-market-page) .ccx-market-spotlight-carousel,
    body:has(.ccx-market-page) .ccx-market-spotlight-viewport,
    body:has(.ccx-market-page) .ccx-market-spotlight-track,
    body:has(.ccx-market-page) .ccx-market-spotlight-slide {
        height: 245px !important;
        min-height: 245px !important;
        max-height: 245px !important;
    }

    body:has(.ccx-market-page) .ccx-market-spotlight-content strong {
        font-size: clamp(26px, 8.8vw, 34px) !important;
    }
}

@media (max-width: 360px) {
    body:has(.ccx-market-page) .ccx-market-results {
        grid-template-columns: 1fr !important;
    }

    body:has(.ccx-market-page) .ccx-category-cards,
    body:has(.ccx-market-page) .ccx-plan-grid {
        grid-template-columns: 1fr !important;
    }
}

/* MARKET_CARD_MONETIZATION_CLASSES_V1
   Visual hierarchy for marketplace listing cards.
   CSS-only styling for Blade classes.
   No checkout, Ziina, routes, payments or campaign status changes.
*/

/* Base commercial transition */
.ccx-market-card.is-premium,
.ccx-market-card.is-curated,
.ccx-market-card.is-sponsored,
.ccx-market-card.is-boosted,
.ccx-market-card.is-featured {
    isolation: isolate;
}

/* Premium: strongest visual treatment */
.ccx-market-card.is-premium {
    border-color: rgba(242, 197, 109, .75) !important;
    box-shadow:
        0 24px 58px rgba(128, 78, 8, .18),
        0 0 0 1px rgba(242, 197, 109, .30) inset !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,229,.98)) !important;
}

.ccx-market-card.is-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(242,197,109,.25), transparent 34%),
        radial-gradient(circle at 85% 12%, rgba(242,197,109,.22), transparent 28%);
}

.ccx-market-card.is-premium .ccx-market-card-main em {
    background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
    color: #201306 !important;
    border-color: rgba(255,255,255,.55) !important;
    box-shadow: 0 12px 24px rgba(196,134,25,.28) !important;
}

/* Curated opportunities: elegant selected look */
.ccx-market-card.is-curated {
    border-color: rgba(79, 70, 229, .28) !important;
    box-shadow:
        0 20px 44px rgba(67, 56, 202, .12),
        0 0 0 1px rgba(79, 70, 229, .08) inset !important;
}

.ccx-market-card.is-curated .ccx-market-card-main em {
    background: rgba(49, 46, 129, .86) !important;
    color: #eef2ff !important;
    border-color: rgba(199,210,254,.45) !important;
}

/* Sponsored / home featured */
.ccx-market-card.is-sponsored {
    border-color: rgba(14, 165, 233, .26) !important;
    box-shadow: 0 18px 42px rgba(14, 116, 144, .10) !important;
}

.ccx-market-card.is-sponsored .ccx-market-card-main em {
    background: rgba(8, 47, 73, .86) !important;
    color: #e0f2fe !important;
    border-color: rgba(125, 211, 252, .40) !important;
}

/* Boosted: clear but less heavy than premium */
.ccx-market-card.is-boosted {
    border-color: rgba(196, 134, 25, .28) !important;
    box-shadow: 0 16px 36px rgba(128, 78, 8, .10) !important;
}

.ccx-market-card.is-boosted .ccx-market-card-main em {
    background: rgba(63, 42, 11, .82) !important;
    color: #ffe3a0 !important;
    border-color: rgba(242,197,109,.42) !important;
}

/* Featured: basic editorial highlight */
.ccx-market-card.is-featured {
    border-color: rgba(151, 104, 24, .22) !important;
}

.ccx-market-card.is-featured .ccx-market-card-main em {
    background: rgba(20, 13, 5, .72) !important;
    color: #ffe3a0 !important;
}

/* Keep wishlist above commercial overlay */
.ccx-market-card .cc-wishlist-floating-form,
.ccx-market-card .cc-wishlist-floating-login,
.ccx-market-card [class*="wishlist"] {
    z-index: 7 !important;
}

/* Mobile: keep commercial hierarchy without making cards too heavy */
@media (max-width: 820px) {
    .ccx-market-card.is-premium,
    .ccx-market-card.is-curated,
    .ccx-market-card.is-sponsored,
    .ccx-market-card.is-boosted {
        box-shadow: 0 12px 26px rgba(64,42,10,.10) !important;
    }

    .ccx-market-card.is-premium::before {
        opacity: .65;
    }

    .ccx-market-card .ccx-market-card-main em {
        max-width: calc(100% - 18px) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

html[data-theme="dark"] .ccx-market-card.is-premium,
body[data-theme="dark"] .ccx-market-card.is-premium {
    background:
        linear-gradient(180deg, rgba(30,24,15,.98), rgba(20,16,10,.98)) !important;
    border-color: rgba(242,197,109,.50) !important;
}

html[data-theme="dark"] .ccx-market-card.is-curated,
body[data-theme="dark"] .ccx-market-card.is-curated {
    border-color: rgba(129,140,248,.36) !important;
}

html[data-theme="dark"] .ccx-market-card.is-sponsored,
body[data-theme="dark"] .ccx-market-card.is-sponsored {
    border-color: rgba(56,189,248,.30) !important;
}

/* MARKET_INLINE_AD_CTA_V1
   Inline monetization CTA inside marketplace listing grid.
   Links to real advertising plans. No checkout/payment logic changes.
*/
.ccx-market-inline-cta {
    min-height: 100%;
    border-color: rgba(242, 197, 109, .55) !important;
    background:
        radial-gradient(circle at 84% 10%, rgba(242,197,109,.28), transparent 34%),
        linear-gradient(135deg, #211407, #4a2d0c) !important;
    box-shadow:
        0 24px 58px rgba(70, 42, 8, .22),
        inset 0 0 0 1px rgba(242,197,109,.20) !important;
}

.ccx-market-inline-cta-link {
    min-height: 100%;
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 22px;
    color: #fff7e6 !important;
    text-decoration: none !important;
}

.ccx-market-inline-cta-link span {
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(242,197,109,.16);
    border: 1px solid rgba(242,197,109,.42);
    color: #ffe3a0;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ccx-market-inline-cta-link strong {
    color: #fff7e6 !important;
    font-size: clamp(20px, 2vw, 28px);
    line-height: .98;
    letter-spacing: -.045em;
    font-weight: 1000;
}

.ccx-market-inline-cta-link small {
    color: rgba(255,246,226,.76) !important;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 650;
}

.ccx-market-inline-cta-link b {
    width: max-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 15px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f4bd48, #b8730f);
    color: #201306 !important;
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 14px 28px rgba(196,134,25,.24);
}

@media (min-width: 821px) {
    .ccx-market-inline-cta {
        grid-column: span 2;
    }
}

@media (max-width: 820px) {
    .ccx-market-inline-cta {
        grid-column: 1 / -1;
        min-height: 190px;
        border-radius: 20px !important;
    }

    .ccx-market-inline-cta-link {
        padding: 20px;
    }

    .ccx-market-inline-cta-link strong {
        font-size: 26px;
    }
}

/* MARKET_REAL_GRID_SPONSOR_V1
   Real sponsored creative card inside marketplace grid.
   Uses approved creative + active paid/not_required campaign.
   No checkout, Ziina, routes, payments or model changes.
*/
.ccx-market-grid-sponsor {
    grid-column: span 2;
    min-height: 100%;
    position: relative;
    overflow: hidden !important;
    border-color: rgba(242, 197, 109, .58) !important;
    background: #160f07 !important;
    box-shadow:
        0 26px 64px rgba(67, 39, 7, .24),
        inset 0 0 0 1px rgba(242,197,109,.22) !important;
}

.ccx-market-grid-sponsor-link {
    position: relative;
    min-height: 100%;
    display: block;
    color: #fff7e6 !important;
    text-decoration: none !important;
}

.ccx-market-grid-sponsor-link picture,
.ccx-market-grid-sponsor-link img {
    display: block;
    width: 100%;
    height: 100%;
}

.ccx-market-grid-sponsor-link img {
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: center;
    filter: saturate(1.05) contrast(1.04);
    transform: scale(1.01);
}

.ccx-market-grid-sponsor-shade {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(10,7,4,.90) 0%, rgba(10,7,4,.62) 48%, rgba(10,7,4,.18) 100%),
        radial-gradient(circle at 20% 50%, rgba(242,197,109,.20), transparent 36%);
}

.ccx-market-grid-sponsor-copy {
    position: relative;
    z-index: 3;
    min-height: 100%;
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 24px;
}

.ccx-market-grid-sponsor-copy em {
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(242,197,109,.18);
    border: 1px solid rgba(242,197,109,.46);
    color: #ffe3a0;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ccx-market-grid-sponsor-copy strong {
    max-width: 12ch;
    color: #fff7e6 !important;
    font-size: clamp(24px, 3vw, 40px);
    line-height: .94;
    letter-spacing: -.055em;
    font-weight: 1000;
}

.ccx-market-grid-sponsor-copy small {
    max-width: 420px;
    color: rgba(255,246,226,.78) !important;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 650;
}

.ccx-market-grid-sponsor-copy b {
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 15px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f4bd48, #b8730f);
    color: #201306 !important;
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 14px 28px rgba(196,134,25,.24);
}

@media (max-width: 820px) {
    .ccx-market-grid-sponsor {
        grid-column: 1 / -1;
        min-height: 220px;
        border-radius: 20px !important;
    }

    .ccx-market-grid-sponsor-copy {
        padding: 20px;
    }

    .ccx-market-grid-sponsor-copy strong {
        font-size: clamp(28px, 8.5vw, 38px);
    }

    .ccx-market-grid-sponsor-copy small {
        max-width: 92%;
        font-size: 12.5px;
    }
}

/* MARKET_MOBILE_INLINE_CTA_CONTRAST_FIX_V1
   Fix washed-out inline monetization CTA on mobile marketplace grid.
   CSS-only. No Blade, routes, checkout, Ziina or payment changes.
*/

@media (max-width: 820px) {
    body:has(.ccx-market-page) .ccx-market-inline-cta {
        grid-column: 1 / -1 !important;
        min-height: 190px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        border: 1px solid rgba(242, 197, 109, .45) !important;
        background:
            radial-gradient(circle at 85% 15%, rgba(242,197,109,.28), transparent 34%),
            radial-gradient(circle at 12% 80%, rgba(196,134,25,.18), transparent 36%),
            linear-gradient(135deg, #1a1006 0%, #3a230b 52%, #5b350d 100%) !important;
        box-shadow:
            0 18px 38px rgba(42, 24, 5, .22),
            inset 0 0 0 1px rgba(255,255,255,.06) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
            linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.02)),
            radial-gradient(circle at 78% 42%, rgba(255,255,255,.08), transparent 36%);
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link {
        position: relative !important;
        z-index: 2 !important;
        min-height: 190px !important;
        display: grid !important;
        align-content: center !important;
        gap: 10px !important;
        padding: 20px !important;
        color: #fff7e6 !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link span {
        width: max-content !important;
        max-width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        min-height: 27px !important;
        padding: 5px 11px !important;
        border-radius: 999px !important;
        background: rgba(242,197,109,.18) !important;
        border: 1px solid rgba(242,197,109,.55) !important;
        color: #ffe3a0 !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
        opacity: 1 !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link strong {
        color: #fff7e6 !important;
        opacity: 1 !important;
        text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
        font-size: clamp(25px, 7vw, 32px) !important;
        line-height: .98 !important;
        letter-spacing: -.045em !important;
        font-weight: 1000 !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link small {
        color: rgba(255,246,226,.82) !important;
        opacity: 1 !important;
        max-width: 92% !important;
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        font-weight: 650 !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link b {
        width: max-content !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 38px !important;
        padding: 9px 16px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
        color: #201306 !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        opacity: 1 !important;
        box-shadow: 0 14px 28px rgba(196,134,25,.28) !important;
    }
}

/* MARKET_INLINE_CTA_CAROUSEL_BG_V1
   Restore visual carousel-style image background for inline CTA fallback.
   Links to advertising plans, not to duplicated listing.
*/
.ccx-market-inline-cta {
    position: relative !important;
    overflow: hidden !important;
    background: #160f07 !important;
}

.ccx-market-inline-cta-link {
    position: relative !important;
    min-height: 100% !important;
    display: block !important;
    color: #fff7e6 !important;
    text-decoration: none !important;
}

.ccx-market-inline-cta-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 1 !important;
    filter: saturate(1.04) contrast(1.04) !important;
    transform: scale(1.01);
}

.ccx-market-inline-cta-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
        linear-gradient(90deg, rgba(10,7,4,.92) 0%, rgba(10,7,4,.62) 48%, rgba(10,7,4,.16) 100%),
        radial-gradient(circle at 22% 52%, rgba(242,197,109,.22), transparent 36%) !important;
}

.ccx-market-inline-cta-copy {
    position: relative !important;
    z-index: 3 !important;
    min-height: 100% !important;
    display: grid !important;
    align-content: center !important;
    gap: 10px !important;
    padding: 22px !important;
}

.ccx-market-inline-cta-copy em {
    width: max-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: rgba(242,197,109,.18) !important;
    border: 1px solid rgba(242,197,109,.52) !important;
    color: #ffe3a0 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.ccx-market-inline-cta-copy strong {
    max-width: 12ch !important;
    color: #fff7e6 !important;
    font-size: clamp(24px, 3vw, 38px) !important;
    line-height: .96 !important;
    letter-spacing: -.05em !important;
    font-weight: 1000 !important;
    text-shadow: 0 12px 28px rgba(0,0,0,.38) !important;
}

.ccx-market-inline-cta-copy small {
    max-width: 420px !important;
    color: rgba(255,246,226,.82) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

.ccx-market-inline-cta-copy b {
    width: max-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 9px 15px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
    color: #201306 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 28px rgba(196,134,25,.28) !important;
}

@media (min-width: 821px) {
    .ccx-market-inline-cta {
        grid-column: span 2 !important;
        min-height: 220px !important;
    }
}

@media (max-width: 820px) {
    body:has(.ccx-market-page) .ccx-market-inline-cta {
        grid-column: 1 / -1 !important;
        min-height: 210px !important;
        border-radius: 22px !important;
        border: 1px solid rgba(242,197,109,.45) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link {
        min-height: 210px !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-shade {
        background:
            linear-gradient(90deg, rgba(10,7,4,.92) 0%, rgba(10,7,4,.58) 55%, rgba(10,7,4,.20) 100%),
            linear-gradient(180deg, rgba(10,7,4,.10) 0%, rgba(10,7,4,.72) 100%) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy {
        min-height: 210px !important;
        padding: 20px !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy strong {
        font-size: clamp(26px, 8vw, 34px) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy small {
        max-width: 88% !important;
        font-size: 12.5px !important;
    }
}

/* MARKET_INLINE_CTA_VISUAL_FIT_FIX_V1
   Refine inline CTA image framing and text readability
   for desktop + mobile without changing logic.
*/

.ccx-market-inline-cta {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    grid-column: span 2 !important;
    min-height: 250px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(242,197,109,.42) !important;
    background: #160f07 !important;
    box-shadow:
        0 22px 54px rgba(60, 36, 8, .16),
        inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

.ccx-market-inline-cta-link {
    position: relative !important;
    min-height: 250px !important;
    display: block !important;
    color: #fff7e6 !important;
    text-decoration: none !important;
}

.ccx-market-inline-cta-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 76% center !important;
    z-index: 1 !important;
    transform: scale(1.01) !important;
    filter: saturate(1.04) contrast(1.03) !important;
}

.ccx-market-inline-cta-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
        linear-gradient(90deg,
            rgba(12,8,4,.92) 0%,
            rgba(12,8,4,.84) 28%,
            rgba(12,8,4,.58) 52%,
            rgba(12,8,4,.16) 78%,
            rgba(12,8,4,.05) 100%) !important;
}

.ccx-market-inline-cta-copy {
    position: relative !important;
    z-index: 3 !important;
    min-height: 250px !important;
    max-width: 56% !important;
    display: grid !important;
    align-content: center !important;
    gap: 10px !important;
    padding: 24px 26px !important;
}

.ccx-market-inline-cta-copy em {
    width: max-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: rgba(242,197,109,.16) !important;
    border: 1px solid rgba(242,197,109,.52) !important;
    color: #ffe3a0 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.ccx-market-inline-cta-copy strong {
    display: block !important;
    max-width: 9ch !important;
    color: #fff7e6 !important;
    font-size: clamp(28px, 3.2vw, 54px) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
}

.ccx-market-inline-cta-copy small {
    display: block !important;
    max-width: 34ch !important;
    color: rgba(255,246,226,.84) !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.ccx-market-inline-cta-copy b {
    width: max-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
    color: #201306 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 28px rgba(196,134,25,.28) !important;
}

/* Desktop refinement */
@media (min-width: 821px) {
    .ccx-market-inline-cta {
        min-height: 254px !important;
    }

    .ccx-market-inline-cta-link {
        min-height: 254px !important;
    }

    .ccx-market-inline-cta-copy {
        min-height: 254px !important;
        max-width: 54% !important;
        padding: 26px 28px !important;
    }

    .ccx-market-inline-cta-copy strong {
        max-width: 8.5ch !important;
    }

    .ccx-market-inline-cta-bg {
        object-position: 82% center !important;
    }
}

/* Mobile refinement */
@media (max-width: 820px) {
    .ccx-market-inline-cta {
        grid-column: 1 / -1 !important;
        min-height: 208px !important;
        border-radius: 22px !important;
    }

    .ccx-market-inline-cta-link {
        min-height: 208px !important;
    }

    .ccx-market-inline-cta-bg {
        object-position: 78% center !important;
    }

    .ccx-market-inline-cta-shade {
        background:
            linear-gradient(90deg,
                rgba(12,8,4,.94) 0%,
                rgba(12,8,4,.88) 30%,
                rgba(12,8,4,.62) 58%,
                rgba(12,8,4,.20) 100%),
            linear-gradient(180deg,
                rgba(12,8,4,.02) 0%,
                rgba(12,8,4,.18) 35%,
                rgba(12,8,4,.56) 100%) !important;
    }

    .ccx-market-inline-cta-copy {
        min-height: 208px !important;
        max-width: 64% !important;
        gap: 8px !important;
        padding: 18px 18px 18px 18px !important;
    }

    .ccx-market-inline-cta-copy em {
        min-height: 25px !important;
        padding: 5px 10px !important;
        font-size: 9px !important;
    }

    .ccx-market-inline-cta-copy strong {
        max-width: 8ch !important;
        font-size: clamp(22px, 8vw, 34px) !important;
        line-height: .94 !important;
    }

    .ccx-market-inline-cta-copy small {
        max-width: 18ch !important;
        font-size: 11px !important;
        line-height: 1.28 !important;
    }

    .ccx-market-inline-cta-copy b {
        min-height: 36px !important;
        padding: 8px 14px !important;
        font-size: 11px !important;
    }
}

/* Very narrow phones */
@media (max-width: 430px) {
    .ccx-market-inline-cta {
        min-height: 198px !important;
    }

    .ccx-market-inline-cta-link {
        min-height: 198px !important;
    }

    .ccx-market-inline-cta-bg {
        object-position: 80% center !important;
    }

    .ccx-market-inline-cta-copy {
        min-height: 198px !important;
        max-width: 62% !important;
        padding: 16px !important;
    }

    .ccx-market-inline-cta-copy strong {
        font-size: clamp(18px, 7.5vw, 28px) !important;
        max-width: 7.6ch !important;
    }

    .ccx-market-inline-cta-copy small {
        font-size: 10px !important;
        max-width: 17ch !important;
    }
}

/* MARKET_MOBILE_INLINE_CTA_LAYOUT_FIX_V2
   Final mobile layout fix for inline CTA:
   - text stays readable
   - image stays visible
   - copy no longer overlaps or gets cut
   CSS-only. No Blade/routes/payments/Ziina changes.
*/

@media (max-width: 820px) {
    body:has(.ccx-market-page) .ccx-market-inline-cta {
        grid-column: 1 / -1 !important;
        min-height: 218px !important;
        max-height: none !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        background: #160f07 !important;
        border: 1px solid rgba(242,197,109,.46) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link {
        position: relative !important;
        min-height: 218px !important;
        display: block !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-bg {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: 72% center !important;
        z-index: 1 !important;
        transform: scale(1.02) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-shade {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        background:
            linear-gradient(90deg,
                rgba(10,7,4,.96) 0%,
                rgba(10,7,4,.92) 36%,
                rgba(10,7,4,.62) 58%,
                rgba(10,7,4,.20) 100%),
            radial-gradient(circle at 24% 48%, rgba(242,197,109,.20), transparent 38%) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy {
        position: relative !important;
        z-index: 3 !important;
        min-height: 218px !important;
        width: 56% !important;
        max-width: 56% !important;
        padding: 16px 12px 16px 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 7px !important;
        overflow: visible !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy em {
        flex: 0 0 auto !important;
        width: max-content !important;
        max-width: 100% !important;
        min-height: 24px !important;
        padding: 4px 9px !important;
        border-radius: 999px !important;
        background: rgba(242,197,109,.18) !important;
        border: 1px solid rgba(242,197,109,.56) !important;
        color: #ffe3a0 !important;
        font-size: 8.5px !important;
        line-height: 1 !important;
        font-style: normal !important;
        font-weight: 950 !important;
        letter-spacing: .07em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy strong {
        flex: 0 0 auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        color: #fff7e6 !important;
        font-size: clamp(19px, 6.2vw, 28px) !important;
        line-height: .94 !important;
        letter-spacing: -.05em !important;
        font-weight: 1000 !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        text-shadow: 0 10px 24px rgba(0,0,0,.45) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy small {
        flex: 0 0 auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        color: rgba(255,246,226,.88) !important;
        font-size: 9.5px !important;
        line-height: 1.24 !important;
        font-weight: 750 !important;
        text-transform: none !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        text-shadow: 0 8px 18px rgba(0,0,0,.40) !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy b {
        flex: 0 0 auto !important;
        width: max-content !important;
        max-width: 100% !important;
        min-height: 32px !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #f4bd48, #b8730f) !important;
        color: #201306 !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
        box-shadow: 0 12px 24px rgba(196,134,25,.28) !important;
    }
}

/* 412px and similar phones */
@media (max-width: 430px) {
    body:has(.ccx-market-page) .ccx-market-inline-cta {
        min-height: 204px !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-link {
        min-height: 204px !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-bg {
        object-position: 74% center !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy {
        min-height: 204px !important;
        width: 54% !important;
        max-width: 54% !important;
        padding: 14px 10px 14px 13px !important;
        gap: 6px !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy strong {
        font-size: clamp(18px, 6vw, 25px) !important;
        line-height: .94 !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy small {
        font-size: 9px !important;
        line-height: 1.22 !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy b {
        min-height: 30px !important;
        padding: 7px 11px !important;
        font-size: 10px !important;
    }
}

/* Very narrow phones */
@media (max-width: 370px) {
    body:has(.ccx-market-page) .ccx-market-inline-cta-copy {
        width: 58% !important;
        max-width: 58% !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-bg {
        object-position: 80% center !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy strong {
        font-size: 20px !important;
    }

    body:has(.ccx-market-page) .ccx-market-inline-cta-copy small {
        display: none !important;
    }
}