/* Chicona home-style unification v2
   هدف الملف: جعل كل الصفحات تحمل نفس روح الصفحة الرئيسية بدون تغيير منطق PocketBase/السلة. */
:root{
  --gold:#C89B3C;
  --home-gold:var(--theme-accent, var(--gold, #C89B3C));
  --home-black:#111827;
  --home-muted:#6b7280;
  --home-line:#eee7dd;
  --home-ivory:#fbf7f1;
  --home-cream:#f6efe5;
  --home-soft:#fffaf4;
  --home-shadow:0 18px 45px rgba(17,24,39,.08);
  --home-shadow-sm:0 10px 28px rgba(17,24,39,.06);
  --home-radius:22px;
  --home-radius-sm:16px;
}

html{scroll-behavior:smooth; background:#fff;}
body.chicona-unified{
  margin:0;
  min-height:100vh;
  color:var(--home-black);
  background:
    radial-gradient(circle at 10% 0%, rgba(200,155,60,.08), transparent 28rem),
    linear-gradient(180deg,#fff 0%,#fffaf4 42%,#fff 100%);
  font-family:var(--font-body,"Tajawal","Cairo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.chicona-unified *{box-sizing:border-box;}
body.chicona-unified a{transition:color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;}
body.chicona-unified img{max-width:100%;}

/* Header / footer shell */
body.chicona-unified #site-nav{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  overflow:visible!important;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(16px) saturate(145%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  border-bottom:1px solid rgba(238,231,221,.9)!important;
  box-shadow:0 8px 24px rgba(17,24,39,.035);
}
body.chicona-unified #site-footer{
  margin-top:42px;
  background:#fff;
  border-top:1px solid var(--home-line);
  box-shadow:0 -12px 35px rgba(17,24,39,.035);
}
body.chicona-unified #site-footer footer{border-color:transparent!important;}

/* General containers */
body.chicona-unified main,
body.chicona-unified .container-xl,
body.chicona-unified main.container,
body.chicona-unified main.max-w-7xl{
  position:relative;
}
body.chicona-unified .container-xl,
body.chicona-unified main.container,
body.chicona-unified .max-w-7xl{
  width:min(1180px, calc(100% - 32px));
  margin-inline:auto;
}
body.chicona-unified main.container,
body.chicona-unified main.container-xl,
body.chicona-unified main.max-w-7xl{
  padding-left:0!important;
  padding-right:0!important;
}

/* Unified page hero for pages without their own dynamic banner */
body.chicona-unified .unified-page-hero{
  position:relative;
  left:50%; right:50%;
  margin-inline:-50vw;
  width:100vw;
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid var(--home-line);
  background:
    radial-gradient(circle at 13% 18%, rgba(200,155,60,.22), transparent 21rem),
    radial-gradient(circle at 84% 0%, rgba(250,232,227,.72), transparent 26rem),
    linear-gradient(135deg,#fffaf4 0%,#fbf7f1 46%,#fff 100%);
}
body.chicona-unified .unified-page-hero:before{
  content:"";
  position:absolute;
  inset:auto -8vw -50px -8vw;
  height:145px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.95));
  pointer-events:none;
  z-index:-1;
}
body.chicona-unified .unified-page-hero-inner{
  width:min(1180px, calc(100% - 32px));
  margin-inline:auto;
  min-height:clamp(190px, 30vw, 320px);
  padding:clamp(32px, 6vw, 72px) 0 clamp(26px, 4.8vw, 58px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:12px;
}
body.chicona-unified .unified-kicker,
body.chicona-unified .section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--home-gold);
  font-weight:800;
  font-size:.86rem;
  letter-spacing:.03em;
}
body.chicona-unified .unified-kicker:before,
body.chicona-unified .unified-kicker:after,
body.chicona-unified .section-kicker:before,
body.chicona-unified .section-kicker:after{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--home-gold));
  opacity:.78;
}
body.chicona-unified .unified-kicker:after,
body.chicona-unified .section-kicker:after{background:linear-gradient(90deg,var(--home-gold),transparent);}
body.chicona-unified .unified-page-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}
body.chicona-unified .unified-page-head > *{margin:0!important;}
body.chicona-unified .unified-page-head h1,
body.chicona-unified .unified-page-hero h1{
  margin:0!important;
  color:var(--home-black)!important;
  font-size:clamp(2rem,5vw,4.1rem)!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
}
body.chicona-unified .unified-page-hero-subtitle{
  max-width:680px;
  color:#4b5563;
  font-size:clamp(.95rem,1.7vw,1.14rem);
  line-height:1.9;
  margin:0;
}
body.chicona-unified .unified-page-head .btn,
body.chicona-unified .unified-page-head button,
body.chicona-unified .lang-switch button{
  border:1px solid rgba(200,155,60,.30)!important;
  background:rgba(255,255,255,.75)!important;
  border-radius:999px!important;
  color:#5c4118!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(17,24,39,.05);
}
body.chicona-unified .unified-page-head .btn:hover,
body.chicona-unified .unified-page-head button:hover,
body.chicona-unified .lang-switch button:hover{transform:translateY(-1px);background:#fff8ea!important;}

/* Dynamic collection heroes (categories, brands, vendors, category, brand, subcategory) */
body.chicona-unified .hero-bleed{
  border-bottom:1px solid var(--home-line)!important;
  background:var(--home-ivory)!important;
}
body.chicona-unified .hero-full{
  min-height:clamp(320px, 55vh, 640px)!important;
  background:
    radial-gradient(circle at 13% 14%, rgba(200,155,60,.23), transparent 24rem),
    linear-gradient(135deg,#fffaf4 0%,#f6efe5 46%,#fff 100%);
}
body.chicona-unified .hero-overlay{
  background:linear-gradient(90deg,rgba(255,250,244,.94),rgba(255,250,244,.62),rgba(255,250,244,.16))!important;
}
html[dir="rtl"] body.chicona-unified .hero-overlay{background:linear-gradient(270deg,rgba(255,250,244,.94),rgba(255,250,244,.62),rgba(255,250,244,.16))!important;}
body.chicona-unified .hero-textbox{
  color:var(--home-black)!important;
  text-shadow:none!important;
  padding:clamp(18px,3vw,34px)!important;
  border:1px solid rgba(238,231,221,.88);
  background:rgba(255,255,255,.62);
  border-radius:var(--home-radius);
  box-shadow:var(--home-shadow-sm);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
body.chicona-unified .hero-title{
  font-size:clamp(2rem,5vw,4.25rem)!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
  color:var(--home-black)!important;
}
body.chicona-unified .hero-sub{color:#4b5563!important;line-height:1.9!important;}

/* Home section language for all pages */
body.chicona-unified .section,
body.chicona-unified main > section:not(.home-hero):not(.home-section):not(.hero-bleed):not(.unified-page-hero),
body.chicona-unified .auth-wrap,
body.chicona-unified .login-wrap,
body.chicona-unified .card{
  border-radius:var(--home-radius);
}
body.chicona-unified .section{
  padding:28px 0;
  border-top:1px solid rgba(238,231,221,.78)!important;
}
body.chicona-unified .section:first-of-type{border-top:0!important;}
body.chicona-unified main > section:not(.home-hero):not(.home-section):not(.hero-bleed):not(.unified-page-hero){
  background:rgba(255,255,255,.82)!important;
  border:1px solid var(--home-line)!important;
  box-shadow:var(--home-shadow-sm);
  overflow:hidden;
}
body.chicona-unified main > section + section:not(.home-section){margin-top:22px;}
body.chicona-unified body[data-page-name="products"] main > section:first-child,
body.chicona-unified[data-page-name="products"] main > section:first-child{
  position:relative;
  left:50%; right:50%;
  margin-inline:-50vw;
  width:100vw;
  border-radius:0!important;
  border-inline:0!important;
  border-top:0!important;
  background:
    radial-gradient(circle at 12% 12%, rgba(200,155,60,.20), transparent 21rem),
    linear-gradient(135deg,#fffaf4,#fbf7f1 54%,#fff)!important;
  box-shadow:none!important;
}
body.chicona-unified[data-page-name="products"] main > section:first-child > div{width:min(1180px, calc(100% - 32px));}
body.chicona-unified[data-page-name="products"] #pageTitle{
  font-size:clamp(2rem,5vw,4.1rem)!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
}
body.chicona-unified[data-page-name="products"] #pageSubtitle{font-size:1.05rem;color:#4b5563!important;}

/* Cards / panels */
body.chicona-unified .bg-white,
body.chicona-unified .auth-wrap,
body.chicona-unified .login-wrap,
body.chicona-unified .card,
body.chicona-unified .modal-card,
body.chicona-unified .addr-card,
body.chicona-unified #summaryCard,
body.chicona-unified aside > .border,
body.chicona-unified .border.overflow-hidden,
body.chicona-unified table,
body.chicona-unified .empty{
  border-color:var(--home-line)!important;
}
body.chicona-unified .auth-wrap,
body.chicona-unified .login-wrap,
body.chicona-unified .card,
body.chicona-unified .modal-card,
body.chicona-unified #summaryCard,
body.chicona-unified aside > .border,
body.chicona-unified .border.overflow-hidden{
  background:rgba(255,255,255,.90)!important;
  box-shadow:var(--home-shadow-sm)!important;
  border-radius:var(--home-radius)!important;
  border:1px solid var(--home-line)!important;
  overflow:hidden;
}
body.chicona-unified .auth-wrap,
body.chicona-unified .login-wrap{padding:clamp(20px,3.2vw,34px)!important;}
body.chicona-unified .auth-title,
body.chicona-unified .login-title,
body.chicona-unified h2{
  color:var(--home-black);
  letter-spacing:-.02em;
}
body.chicona-unified .muted,
body.chicona-unified .text-neutral-500,
body.chicona-unified .text-neutral-600,
body.chicona-unified .text-gray-500,
body.chicona-unified .text-gray-600{color:var(--home-muted)!important;}

/* Buttons */
body.chicona-unified .btn,
body.chicona-unified .chip,
body.chicona-unified .chip-btn,
body.chicona-unified .add-btn,
body.chicona-unified button:not(.bc-ctrl):not(.hbtn):not(.icon-btn):not(.cart-toast-close):not(.sbCloseBtn){
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
body.chicona-unified .btn,
body.chicona-unified .chip-btn,
body.chicona-unified .chip,
body.chicona-unified .add-btn,
body.chicona-unified .select{
  border-color:var(--home-line)!important;
  border-radius:999px!important;
  background:#fff!important;
}
body.chicona-unified .btn:hover,
body.chicona-unified .chip-btn:hover,
body.chicona-unified .chip:hover,
body.chicona-unified .add-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(200,155,60,.55)!important;
  background:#fff8ea!important;
  box-shadow:0 10px 22px rgba(17,24,39,.06);
}
body.chicona-unified .btn-primary,
body.chicona-unified a.btn-primary,
body.chicona-unified button.btn-primary,
body.chicona-unified #btnLogin,
body.chicona-unified #btnRegister,
body.chicona-unified #checkoutBtn,
body.chicona-unified #checkoutBtnMobile,
body.chicona-unified .cart-toast-cart-btn{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
  border-radius:999px!important;
  font-weight:850!important;
}
body.chicona-unified .btn-primary:hover,
body.chicona-unified a.btn-primary:hover,
body.chicona-unified button.btn-primary:hover,
body.chicona-unified #btnLogin:hover,
body.chicona-unified #btnRegister:hover,
body.chicona-unified #checkoutBtn:hover,
body.chicona-unified #checkoutBtnMobile:hover{
  background:#000!important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(17,24,39,.16);
}

/* Inputs / forms */
body.chicona-unified input,
body.chicona-unified select,
body.chicona-unified textarea,
body.chicona-unified .field input,
body.chicona-unified .field select,
body.chicona-unified .field textarea,
body.chicona-unified .search-input,
body.chicona-unified .sb-search,
body.chicona-unified #searchInputNav{
  border:1px solid var(--home-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--home-black)!important;
  box-shadow:0 1px 0 rgba(17,24,39,.02);
}
body.chicona-unified textarea{border-radius:18px!important;}
body.chicona-unified input:focus,
body.chicona-unified select:focus,
body.chicona-unified textarea:focus,
body.chicona-unified .search-input:focus{
  outline:none!important;
  border-color:rgba(200,155,60,.82)!important;
  box-shadow:0 0 0 4px rgba(200,155,60,.12)!important;
}

/* Tables */
body.chicona-unified table{background:#fff;border-collapse:separate;border-spacing:0;}
body.chicona-unified thead{background:#fffaf4!important;}
body.chicona-unified th{color:#5c4118!important;font-weight:850!important;}
body.chicona-unified td, body.chicona-unified th{border-color:var(--home-line)!important;}

/* Product/category/brand/vendor cards: consistent luxury feel */
body.chicona-unified .product-card,
body.chicona-unified .cat-card,
body.chicona-unified .brand-card,
body.chicona-unified .vendor-card,
body.chicona-unified .sub-card,
body.chicona-unified .offer-card,
body.chicona-unified .review-card{
  border:1px solid var(--home-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(17,24,39,.055)!important;
  overflow:hidden!important;
}
body.chicona-unified .product-card:hover,
body.chicona-unified .cat-card:hover,
body.chicona-unified .brand-card:hover,
body.chicona-unified .vendor-card:hover,
body.chicona-unified .sub-card:hover,
body.chicona-unified .offer-card:hover,
body.chicona-unified .review-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(200,155,60,.58)!important;
  box-shadow:var(--home-shadow)!important;
  background:#fffefb!important;
}
body.chicona-unified .price,
body.chicona-unified .summary-total,
body.chicona-unified .cart-choice-price{color:var(--home-black)!important;font-weight:900!important;}
body.chicona-unified .old{color:#a1a1aa!important;}
body.chicona-unified .tag-left,
body.chicona-unified .tag-right,
body.chicona-unified .tag-bxgy,
body.chicona-unified .badge{
  border-radius:999px!important;
  font-weight:850!important;
}

/* Offers */
body.chicona-unified .offer-hero{
  margin-top:24px;
  border-radius:var(--home-radius)!important;
  border:1px solid var(--home-line)!important;
  box-shadow:var(--home-shadow-sm)!important;
  overflow:hidden;
}
body.chicona-unified .offer-hero-media{border-radius:var(--home-radius)!important;overflow:hidden;}
body.chicona-unified .offer-hero-title{font-weight:900!important;letter-spacing:-.03em;}

/* Cart / checkout / order specific polish */
body.chicona-unified[data-page-name="cart"] main,
body.chicona-unified[data-page-name="checkout"] main,
body.chicona-unified[data-page-name="order"] main,
body.chicona-unified[data-page-name="orders"] main,
body.chicona-unified[data-page-name="profile"] main{
  padding-top:28px!important;
}
body.chicona-unified .sticky-summary{top:96px!important;}
body.chicona-unified .mobile-checkout{
  border-top:1px solid var(--home-line)!important;
  box-shadow:0 -12px 30px rgba(17,24,39,.08)!important;
}
body.chicona-unified .divider{background:var(--home-line)!important;}
body.chicona-unified .kv,
body.chicona-unified .sum-line{border-color:var(--home-line)!important;}

/* Auth pages */
body.chicona-unified .auth-table,
body.chicona-unified .login-table{
  border:1px solid var(--home-line)!important;
  border-radius:18px!important;
  overflow:hidden;
  background:#fff;
}
body.chicona-unified .actions-row{gap:12px;}
body.chicona-unified .btn-google{border-radius:999px!important;background:#fff!important;}

/* Modal and toast */
body.chicona-unified .modal-mask,
body.chicona-unified .modal-overlay,
body.chicona-unified .cart-choice-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
body.chicona-unified .cart-toast-content,
body.chicona-unified .cart-choice-card{
  border:1px solid var(--home-line)!important;
  border-radius:20px!important;
  box-shadow:var(--home-shadow)!important;
}
body.chicona-unified .spinner{border-top-color:var(--home-gold)!important;}

/* Utility pages without nav */
body.chicona-unified[data-page-name="oauth2-callback"],
body.chicona-unified[data-page-name="verify"],
body.chicona-unified[data-page-name="verify-gate"]{
  display:flex;
  min-height:100vh;
  align-items:center;
  justify-content:center;
  padding:20px;
}
body.chicona-unified[data-page-name="oauth2-callback"] main,
body.chicona-unified[data-page-name="verify"] main,
body.chicona-unified[data-page-name="verify-gate"] main{
  width:min(520px,100%);
  margin:0 auto;
}

/* Mobile */
@media (max-width: 767px){
  body.chicona-unified .container-xl,
  body.chicona-unified main.container,
  body.chicona-unified .max-w-7xl,
  body.chicona-unified .unified-page-hero-inner{
    width:min(100% - 22px,1180px)!important;
  }
  body.chicona-unified .unified-page-hero-inner{min-height:190px;padding:30px 0;}
  body.chicona-unified .unified-page-head{gap:10px;}
  body.chicona-unified .unified-page-head h1,
  body.chicona-unified .unified-page-hero h1{font-size:clamp(1.75rem,9vw,2.5rem)!important;}
  body.chicona-unified .unified-page-hero-subtitle{font-size:.92rem;line-height:1.75;}
  body.chicona-unified .unified-kicker:before,
  body.chicona-unified .unified-kicker:after,
  body.chicona-unified .section-kicker:before,
  body.chicona-unified .section-kicker:after{width:22px;}
  body.chicona-unified .hero-full{min-height:320px!important;}
  body.chicona-unified .hero-textbox{width:min(100%, calc(100vw - 34px));padding:18px!important;}
  body.chicona-unified main > section:not(.home-hero):not(.home-section):not(.hero-bleed):not(.unified-page-hero){border-radius:18px!important;}
  body.chicona-unified .auth-wrap,
  body.chicona-unified .login-wrap{padding:18px!important;}
}

/* Fix moved page-head wrappers inside the unified hero */
body.chicona-unified .unified-page-head .unified-moved-head{
  width:100%!important;
  max-width:820px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  text-align:center!important;
}
body.chicona-unified .unified-page-head .unified-moved-head > div,
body.chicona-unified .unified-page-head .unified-moved-head .lang-switch{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.chicona-unified .unified-title-only{max-width:820px!important;}
body.chicona-unified .is-current-page{color:var(--home-gold)!important;font-weight:850!important;}
body.chicona-unified .vg-card{
  background:#fff!important;
  border:1px solid var(--home-line)!important;
  border-radius:22px!important;
  box-shadow:var(--home-shadow)!important;
}
body.chicona-unified .vg-btn.primary{background:#111827!important;color:#fff!important;border-color:#111827!important;}
body.chicona-unified .unified-page-hero.unified-page-hero-compact .unified-page-hero-inner{
  min-height:clamp(160px, 22vw, 240px);
  padding:clamp(24px,4.2vw,48px) 0;
}