*{box-sizing:border-box}body{margin:0;color:#111;font:14px Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}header{height:78px;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 5vw;gap:28px;position:sticky;top:0;background:#fff;z-index:10}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:12px;letter-spacing:2px;font-weight:700}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover}nav{display:flex;gap:22px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.tools{display:flex;align-items:center;gap:8px}.tools select{border:1px solid #ccc;padding:9px}.cart{background:#111;color:#fff;padding:11px 14px;font-size:11px}.cart b{background:#fff;color:#111;border-radius:50%;padding:3px 6px;margin-left:4px}.hidden{display:none!important}.hero{background:#f4f3f0;min-height:600px;padding:85px 9vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.hero small,.section small,.pagehead small,.dark-section small{letter-spacing:2.5px;color:#777;font-size:10px}.hero h1{font:400 70px/1 Georgia,serif;margin:18px 0 24px}.hero p{max-width:530px;color:#666;line-height:1.8;font-size:16px}.hero-mark{justify-self:center;width:270px;height:270px;border:28px solid #111;border-radius:50%;display:grid;place-items:center;font:50px Georgia,serif;box-shadow:0 0 0 8px #f4f3f0,0 0 0 10px #111}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ddd}.trust span{padding:24px;border-right:1px solid #ddd;font-size:12px;color:#777}.trust b{display:block;color:#111;margin-bottom:5px}.section{padding:70px 8vw}.section-title,.pagehead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2,.pagehead h1{font:400 42px Georgia,serif;margin:12px 0 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid #e2e2e2}.pic{aspect-ratio:1;background:#f4f3f0;display:grid;place-items:center;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.pic span{font:40px Georgia;color:#aaa}.info{padding:16px}.info h3{font-size:14px;font-weight:500;margin:0 0 7px}.meta{font-size:10px;color:#888}.price{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-weight:700}.add{background:#111;color:#fff;border:0;padding:9px 11px;font-size:9px;text-transform:uppercase;cursor:pointer}.dark-section{background:#111;color:#fff;padding:75px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:70px}.dark-section h2{font:400 50px Georgia;margin:15px 0}.dark-section p{color:#bbb;line-height:1.8}.btn{border:1px solid #111;background:#fff;padding:13px 20px;text-transform:uppercase;font-size:10px;letter-spacing:1.2px;cursor:pointer;display:inline-block}.btn.dark{background:#111;color:#fff}.btn.light{background:#fff}.form{display:grid;gap:12px;max-width:600px}.form input,.form select,.form textarea,.pagehead input,.pagehead select{padding:13px;border:1px solid #ccc;font:inherit}.form textarea{min-height:120px}.pagehead{padding:60px 8vw 35px;border-bottom:1px solid #ddd;margin:0}.pagehead h1{font-size:50px}.filters{display:flex;gap:8px}.account-grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid #ddd;padding:24px;margin-bottom:22px}.panel h2{font:400 24px Georgia;margin-top:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.stat{border:1px solid #ddd;padding:18px}.stat small{display:block;color:#777}.stat b{display:block;font:30px Georgia;margin-top:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{border-bottom:1px solid #eee;padding:11px 7px;text-align:left;white-space:nowrap}th{text-transform:uppercase;letter-spacing:1px;color:#777;font-size:9px}.mini{display:flex;gap:8px;align-items:center}.mini img{width:36px;height:36px;object-fit:cover;background:#f4f3f0}.order-select{padding:6px;border:1px solid #ccc;font-size:10px}.cart-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:35px}.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid #ddd;padding:18px 0}.cart-thumb{width:80px;height:80px;background:#f4f3f0;display:grid;place-items:center;font:28px Georgia}.qty{display:flex;gap:8px;align-items:center;margin-top:10px}.qty button{border:1px solid #ccc;background:#fff;width:28px;height:28px;cursor:pointer}.summary{border:1px solid #ddd;padding:22px;height:max-content}.sum{display:flex;justify-content:space-between;padding:10px 0}.sum.total{border-top:1px solid #ddd;margin-top:8px;padding-top:18px;font-weight:700}.reminder{padding:13px;border-bottom:1px solid #eee;line-height:1.5}.badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;border:1px solid #aaa;padding:3px 6px}.muted{color:#777}hr{border:0;border-top:1px solid #eee;margin:28px 0}#toast{position:fixed;bottom:20px;right:20px;background:#111;color:#fff;padding:13px 18px;opacity:0;transform:translateY(10px);transition:.2s;z-index:20}#toast.show{opacity:1;transform:none}footer{border-top:1px solid #ddd;padding:30px 8vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr;padding:60px 7vw}.hero-mark{display:none}.grid{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(2,1fr)}.dark-section,.account-grid,.admin-grid,.cart-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:52px}.section,.pagehead{padding-left:6vw;padding-right:6vw}.section-title,.pagehead{display:block}.filters{margin-top:18px}.brand span{display:none}.cart-row{grid-template-columns:60px 1fr}.cart-thumb{width:60px;height:60px}.cart-row>.price{grid-column:2}.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}footer{display:block;line-height:2}}
/* ===== Customer Commerce UI ===== */

body.modal-open{
  overflow:hidden;
}

.site-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.site-modal.hidden{
  display:none!important;
}

.site-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(3px);
}

.site-modal-dialog{
  position:relative;
  z-index:1;
  background:#fff;
  width:min(920px,100%);
  max-height:92vh;
  overflow:auto;
  padding:36px;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
}

.checkout-dialog{
  width:min(980px,100%);
}

.address-dialog{
  width:min(680px,100%);
}

.order-dialog{
  width:min(900px,100%);
}

.site-modal-close{
  position:absolute;
  top:14px;
  right:16px;
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.checkout-head small{
  display:block;
  color:#777;
  font-size:9px;
  letter-spacing:2px;
}

.checkout-head h2{
  margin:7px 0 28px;
  font:400 34px Georgia,serif;
}

.checkout-section{
  border-top:1px solid #e5e5e5;
  padding:24px 0;
}

.checkout-section:first-child{
  border-top:0;
  padding-top:0;
}

.checkout-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:18px;
}

.checkout-section-head small{
  color:#777;
  font-size:10px;
  letter-spacing:2px;
}

.checkout-section-head h3{
  margin:5px 0 0;
  font:400 23px Georgia,serif;
}

.address-list{
  display:grid;
  gap:12px;
  margin-bottom:14px;
}

.address-card{
  display:flex;
  gap:14px;
  border:1px solid #ddd;
  padding:16px;
  cursor:pointer;
  transition:.15s;
  background:#fff;
}

.address-card:hover{
  border-color:#999;
}

.address-card.selected,
.address-card.default{
  border-color:#111;
}

.address-card input[type="radio"]{
  margin-top:4px;
  accent-color:#111;
}

.address-card-main{
  min-width:0;
  flex:1;
  line-height:1.65;
}

.address-card-head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:4px;
}

.address-label{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:1px;
  border:1px solid #ccc;
  padding:2px 6px;
}

.address-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:10px;
}

.text-btn{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration:underline;
}

.text-btn.danger{
  color:#a11;
}

.address-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.address-card.saved{
  cursor:default;
  display:block;
}

.empty-state{
  border:1px dashed #ccc;
  padding:35px;
  text-align:center;
  color:#777;
  margin-bottom:14px;
}

.modal-actions,
.checkout-footer-actions,
.order-card-actions,
.order-detail-actions{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.checkout-product{
  display:grid;
  grid-template-columns:64px 1fr auto;
  align-items:center;
  gap:14px;
  border-bottom:1px solid #eee;
  padding:13px 0;
}

.checkout-product-image{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  background:#f4f3f0;
  overflow:hidden;
  font:22px Georgia,serif;
  color:#aaa;
}

.checkout-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.checkout-product-info{
  min-width:0;
}

.checkout-product-info strong{
  display:block;
  margin-bottom:4px;
}

.checkout-summary{
  border-top:1px solid #ddd;
  margin-top:18px;
  padding-top:8px;
}

.payment-method-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border:1px solid #111;
  padding:18px;
  background:#fafafa;
}

.checkout-footer-actions{
  border-top:1px solid #ddd;
  padding-top:20px;
}

.checkout-footer-actions .btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.account-tabs{
  display:flex;
  gap:4px;
  border-bottom:1px solid #ddd;
  margin-bottom:22px;
  overflow:auto;
}

.account-tab{
  border:0;
  background:#fff;
  padding:12px 16px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1px;
  cursor:pointer;
  white-space:nowrap;
  border-bottom:2px solid transparent;
}

.account-tab.active{
  border-bottom-color:#111;
  font-weight:700;
}

.account-tab-panel.hidden{
  display:none!important;
}

.account-overview{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

.account-overview h2{
  font-size:28px;
}

.account-subhead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.account-subhead h3,
.account-subhead h2{
  margin:5px 0 0;
  font:400 24px Georgia,serif;
}

.customer-order-card{
  border:1px solid #ddd;
  padding:18px;
  margin-bottom:14px;
  background:#fff;
}

.customer-order-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}

.customer-order-head strong{
  font-size:13px;
}

.order-total{
  font-weight:700;
  font-size:16px;
}

.order-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

.badge.processing{
  border-color:#999;
}

.badge.ready_to_ship{
  border-color:#777;
}

.badge.shipped{
  border-color:#555;
}

.badge.delivered{
  border-color:#111;
  font-weight:700;
}

.badge.cancelled{
  border-color:#c44;
  color:#a11;
}

.order-shipping{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  color:#666;
  font-size:11px;
  margin-top:11px;
}

.order-filter{
  border:1px solid #ccc;
  background:#fff;
  padding:8px 11px;
  cursor:pointer;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.8px;
}

.order-filter.active{
  background:#111;
  border-color:#111;
  color:#fff;
}

.order-filters{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:18px;
}

.order-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.order-detail-total{
  font:400 28px Georgia,serif;
}

.order-timeline{
  border-left:1px solid #ccc;
  margin:15px 0 5px 8px;
  padding-left:20px;
}

.timeline-item{
  position:relative;
  color:#aaa;
  padding:0 0 20px;
}

.timeline-item:before{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ccc;
  left:-25px;
  top:4px;
}

.timeline-item.done{
  color:#111;
}

.timeline-item.done:before{
  background:#111;
}

.danger-btn{
  border-color:#b55;
  color:#922;
}

@media(max-width:700px){
  .site-modal{
    padding:0;
    align-items:stretch;
  }

  .site-modal-dialog{
    width:100%;
    max-height:100vh;
    min-height:100vh;
    padding:25px 18px;
  }

  .address-grid,
  .order-detail-grid{
    grid-template-columns:1fr;
  }

  .account-overview,
  .account-subhead{
    flex-direction:column;
  }

  .checkout-section-head{
    flex-direction:column;
  }

  .checkout-product{
    grid-template-columns:54px 1fr;
  }

  .checkout-product > strong{
    grid-column:2;
  }

  .checkout-footer-actions .btn,
  .modal-actions .btn{
    width:100%;
  }
}


/* Restore original Admin form field layout */
#admin .admin-grid .form input,
#admin .admin-grid .form textarea,
#admin .admin-grid .form select{
  display:block;
  width:100%;
  min-height:44px;
  box-sizing:border-box;
  background:#fff;
  color:#111;
}

#admin .product-language-section{
  display:block;
  width:100%;
}

#admin .product-language-section label{
  display:block;
  width:100%;
  margin-bottom:4px;
}

#admin .product-language-section input,
#admin .product-language-section textarea{
  display:block;
  width:100%;
  box-sizing:border-box;
}


/* ===== Admin Upload Product layout — scoped only to Admin ===== */
#admin .admin-grid > .panel:first-child{
  min-width:0 !important;
  width:100% !important;
  overflow:hidden;
}

#admin .admin-grid > .panel:first-child #product-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

#admin .admin-grid > .panel:first-child #product-form > *{
  min-width:0 !important;
  max-width:100% !important;
}

#admin .admin-grid > .panel:first-child .product-language-section{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-column:1 !important;
  margin:0 !important;
}

#admin .admin-grid > .panel:first-child .product-language-section label,
#admin .admin-grid > .panel:first-child .product-language-section input,
#admin .admin-grid > .panel:first-child .product-language-section textarea{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

#admin .admin-grid > .panel:first-child .product-language-section label{
  margin:0 0 4px 0 !important;
}

#admin .admin-grid > .panel:first-child .product-language-section input,
#admin .admin-grid > .panel:first-child .product-language-section textarea{
  margin:0 0 12px 0 !important;
}

/* FINAL ADMIN LAYOUT LOCK — only affects Upload Product form */
#admin #product-form{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}

#admin #product-form > *{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

#admin #product-form .product-info-header,
#admin #product-form > div[style*="justify-content:space-between"]{
  display:flex !important;
  width:100%;
  box-sizing:border-box;
}

#admin #product-form .product-language-section{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 18px 0 !important;
}

#admin #product-form .product-language-section > *{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* ===== Homepage Video ===== */
.homepage-video-section{
  padding-top:40px;
  padding-bottom:40px;
}

.homepage-video{
  width:100%;
  overflow:hidden;
  background:#f4f3f0;
}

.homepage-video video{
  width:100%;
  max-height:720px;
  display:block;
  object-fit:cover;
}

/* ===== Homepage Poster Slider ===== */
.homepage-poster-slider{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
}

.homepage-carousel-track{
  display:flex;
  flex:1;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  cursor:grab;
  padding:2px 0 12px;
}

.homepage-carousel-track::-webkit-scrollbar{
  display:none;
}

.homepage-carousel-track:active{
  cursor:grabbing;
}

.homepage-carousel-card{
  position:relative;
  flex:0 0 100%;
  min-width:0;
  scroll-snap-align:center;
  background:#fff;
  cursor:pointer;
  overflow:hidden;
}

.homepage-carousel-card .pic{
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:#f3f3f1;
}

.homepage-carousel-card .pic img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.homepage-carousel-card .info{
  padding:12px 4px 0;
}

.homepage-carousel-card .info h3{
  margin:0;
}

.homepage-poster-arrow{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid #ddd;
  background:#fff;
  color:#222;
  border-radius:50%;
  font-size:30px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:2;
}

.homepage-poster-arrow:hover{
  background:#f5f5f5;
}

.homepage-poster-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:10px;
}

.homepage-poster-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  border:0;
  padding:0;
  background:#cfcfcf;
  cursor:pointer;
}

.homepage-poster-dot.active{
  width:9px;
  height:9px;
  background:#222;
}

/* ===== Homepage Poster Admin ===== */
.homepage-posters-admin{
  display:grid;
  gap:8px;
  margin-top:14px;
  max-height:520px;
  overflow:auto;
}

.homepage-poster-admin-item{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:90px;
  padding:10px 12px;
  border:1px solid #ddd;
  background:#fff;
  cursor:grab;
}

.homepage-poster-admin-item.dragging{
  opacity:.45;
}

.homepage-poster-admin-item img{
  width:160px;
  height:90px;
  flex:0 0 160px;
  object-fit:cover;
  background:#f4f3f0;
  display:block;
}

.homepage-poster-drag{
  width:18px;
  flex:0 0 18px;
  color:#999;
  font-size:18px;
  text-align:center;
}

.homepage-poster-admin-info{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.homepage-poster-admin-info strong{
  font-size:13px;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.homepage-poster-admin-info small{
  font-size:10px;
  color:#888;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:700px){
  .homepage-poster-slider{
    gap:6px;
  }

  .homepage-poster-arrow{
    position:absolute;
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:25px;
    background:rgba(255,255,255,.9);
    box-shadow:0 2px 10px rgba(0,0,0,.08);
  }

  .homepage-poster-prev{
    left:8px;
  }

  .homepage-poster-next{
    right:8px;
  }

  .homepage-carousel-card{
    flex-basis:100%;
  }

  .homepage-poster-admin-item{
    min-height:72px;
    padding:8px;
  }

  .homepage-poster-admin-item img{
    width:112px;
    height:63px;
    flex-basis:112px;
  }
}

/* ===== Upload Product: desktop two-column layout ===== */
#admin .product-upload-columns{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:24px;
  width:100%;
  align-items:start;
}

#admin .product-info-column,
#admin .product-variant-column{
  min-width:0;
}

#admin .product-info-column .product-info-header{
  margin-bottom:12px;
}

#admin .product-info-column .product-information-fields{
  width:100%;
}

#admin .product-variant-column{
  border:1px solid #ddd;
  padding:18px;
  background:#fff;
}

#admin .product-variant-column > hr{
  display:none;
}

#admin .product-variant-column #variant-list{
  width:100%;
}

#admin .product-variant-column > div[style*="justify-content:space-between"]{
  margin-bottom:12px;
}

@media(max-width:900px){
  #admin .product-upload-columns{
    grid-template-columns:1fr;
    gap:20px;
  }

  #admin .product-variant-column{
    padding:14px;
  }
}


/* ===== Final Upload Product Layout ===== */

/* Upload Product uses the full Admin width */
#admin .admin-grid > .panel:first-child{
  grid-column:1 / -1 !important;
}

/* Inventory moves to a full-width row underneath */
#admin .admin-grid > .panel:nth-child(2){
  grid-column:1 / -1 !important;
}

/* Product form itself uses the full panel width */
#admin #product-form{
  width:100% !important;
  max-width:none !important;
}

/* Product Information + Product Variants share the upper row */
#admin .product-upload-columns{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  gap:28px !important;
  width:100% !important;
  align-items:start !important;
}

#admin .product-info-column,
#admin .product-variant-column{
  min-width:0 !important;
  width:100% !important;
}

/* Variant area occupies the right side */
#admin .product-variant-column{
  border:1px solid #ddd;
  padding:18px;
  background:#fff;
}

/* Keep variant controls inside their column */
#admin .product-variant-column #variant-list{
  width:100% !important;
}

#admin .product-variant-column .variant-row{
  width:100% !important;
}

/* Product information stays on the left */
#admin .product-information-fields{
  width:100% !important;
}

/* Category / images / upload stay below the two-column area */
#admin #product-form > select,
#admin #product-form > label,
#admin #product-form > input[type="file"],
#admin #product-form > input[type="hidden"],
#admin #product-form > textarea,
#admin #product-form > button[type="submit"]{
  width:100% !important;
  max-width:none !important;
}

/* Mobile: return to one column */
@media(max-width:900px){
  #admin .admin-grid > .panel:first-child,
  #admin .admin-grid > .panel:nth-child(2){
    grid-column:1 / -1 !important;
  }

  #admin .product-upload-columns{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
}


/* Homepage video admin */
#homepage-video-admin{
  width:100%;
}

#homepage-video-admin > div{
  max-width:760px;
}

#homepage-video-admin video{
  width:100%;
  aspect-ratio:16 / 9;
  max-height:none !important;
  object-fit:contain;
  background:#111;
  display:block;
}

#homepage-video-form{
  max-width:760px;
}

#homepage-video-form input[type="file"]{
  width:100%;
}

@media(max-width:700px){
  #homepage-video-admin video{
    aspect-ratio:16 / 9;
  }
}


/* Homepage video position and size */
#homepage-video-section{
  width:100%;
  padding:42px 8vw 38px;
}

#homepage-video-section #homepage-video-wrap{
  width:50%;
  max-width:900px;
  margin:0 auto;
}

#homepage-video-section video{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  height:auto;
  object-fit:contain;
  background:#111;
}

@media(max-width:900px){
  #homepage-video-section{
    padding:30px 6vw;
  }

  #homepage-video-section #homepage-video-wrap{
    width:100%;
    max-width:none;
  }
}

/* Homepage poster admin actions */
.homepage-poster-admin-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.poster-status{
  display:inline-block;
  font-size:10px;
}

.poster-status.is-active{
  color:#555;
}

.poster-status.is-hidden{
  color:#aaa;
}

.homepage-poster-edit{
  grid-column:1 / -1;
  display:grid;
  gap:8px;
  padding:12px;
  margin-top:4px;
  border-top:1px solid #eee;
  background:#fafafa;
}

.homepage-poster-edit.hidden{
  display:none;
}

.homepage-poster-edit input:not([type="checkbox"]){
  width:100%;
  min-height:40px;
  padding:10px;
  border:1px solid #ccc;
  box-sizing:border-box;
  font:inherit;
}

.poster-edit-actions{
  display:flex;
  gap:8px;
}

@media(max-width:700px){
  .homepage-poster-admin-actions{
    width:100%;
  }
}

/* ===== Brand / Series Admin ===== */
.brand-series-admin-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.brand-series-admin-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid #eee;
}

.brand-series-admin-row strong{
  display:block;
  font-size:13px;
  font-weight:500;
}

.brand-series-admin-row small{
  display:block;
  margin-top:4px;
  color:#888;
  font-size:10px;
}

.brand-series-admin-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.brand-series-group{
  border-top:1px solid #eee;
  padding-top:14px;
  margin-top:14px;
}

.brand-series-group h3{
  font:400 18px Georgia,serif;
  margin:0 0 8px;
}

@media(max-width:900px){
  .brand-series-admin-section{
    grid-template-columns:1fr;
  }
}


/* Home brand cards */
.home-brands-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.home-brand-card{
  border:1px solid #e2e2e2;
  background:#fff;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}

.home-brand-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.home-brand-image{
  aspect-ratio:1 / 1;
  width:100%;
  background:#f4f3f0;
  overflow:hidden;
  display:grid;
  place-items:center;
}

.home-brand-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.home-brand-image span{
  font:40px Georgia,serif;
  color:#aaa;
}

.home-brand-info{
  padding:18px;
}

.home-brand-info h3{
  margin:0;
  font:400 24px Georgia,serif;
}

.home-brand-info p{
  margin:8px 0 0;
  color:#777;
  line-height:1.6;
  font-size:12px;
}

@media(max-width:1000px){
  .home-brands-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .home-brands-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .home-brand-image{
    aspect-ratio:1 / 1;
    height:auto;
  }

  .home-brand-info{
    padding:12px;
  }

  .home-brand-info h3{
    font-size:18px;
  }
}

/* Brand page */
.brand-page-hero{
  display:grid;
  grid-template-columns:minmax(280px,420px) 1fr;
  gap:50px;
  align-items:center;
}

.brand-page-hero-image{
  aspect-ratio:1 / 1;
  background:#f4f3f0;
  overflow:hidden;
  display:grid;
  place-items:center;
}

.brand-page-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.brand-page-hero-image span{
  font:50px Georgia,serif;
  color:#aaa;
}

.brand-page-hero-content small{
  letter-spacing:2.5px;
  color:#777;
  font-size:10px;
}

.brand-page-hero-content h2{
  font:400 42px Georgia,serif;
  margin:15px 0 20px;
}

.brand-page-hero-content p{
  max-width:600px;
  color:#666;
  line-height:1.8;
}

#brand-series-grid{
  grid-template-columns:repeat(5,1fr);
}

@media(max-width:1000px){
  .brand-page-hero{
    grid-template-columns:1fr;
    gap:30px;
  }

  .brand-page-hero-image{
    max-width:420px;
  }

  #brand-series-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:560px){
  .brand-page-hero-image{
    max-width:none;
  }

  .brand-page-hero-content h2{
    font-size:32px;
  }

  #brand-series-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
}

/* About Us */
.about-hero{
  min-height:620px;
  padding:90px 8vw;
  background:#f4f3f0;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:70px;
}

.about-hero-copy small,
.about-cta small{
  letter-spacing:2.8px;
  font-size:10px;
  color:#777;
}

.about-hero-copy h1{
  font:400 68px/1.02 Georgia,serif;
  margin:20px 0 28px;
  letter-spacing:-1px;
}

.about-hero-copy h1 i{
  font-style:italic;
}

.about-hero-copy p{
  max-width:570px;
  color:#666;
  line-height:1.9;
  font-size:15px;
  margin-bottom:28px;
}

.about-hero-mark{
  aspect-ratio:1;
  max-width:430px;
  justify-self:center;
  border:1px solid #ccc;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.about-hero-mark span{
  width:180px;
  height:180px;
  border:20px solid #111;
  border-radius:50%;
  display:grid;
  place-items:center;
  font:54px Georgia,serif;
}

.about-hero-mark small{
  margin-top:22px;
  letter-spacing:2.5px;
  font-size:9px;
  color:#777;
}

.about-intro-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
}

.about-intro-grid p{
  color:#666;
  line-height:1.9;
  font-size:15px;
  margin:0;
}

.about-capabilities{
  background:#111;
  color:#fff;
}

.about-capabilities .section small{
  color:#888;
}

.about-capabilities .section-title h2{
  color:#fff;
  max-width:620px;
}

.about-capability-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #333;
  border-bottom:1px solid #333;
}

.about-capability-grid article{
  padding:35px 25px;
  border-right:1px solid #333;
}

.about-capability-grid article:last-child{
  border-right:0;
}

.about-capability-grid b{
  display:block;
  font:400 38px Georgia,serif;
  margin-bottom:8px;
}

.about-capability-grid span{
  display:block;
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.about-capability-grid p{
  color:#aaa;
  line-height:1.7;
  font-size:12px;
  margin-bottom:0;
}

.about-collection-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.about-collection-grid a{
  border:1px solid #ddd;
  padding:32px;
  min-height:250px;
  display:flex;
  flex-direction:column;
  transition:.2s;
}

.about-collection-grid a:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 30px rgba(0,0,0,.07);
}

.about-collection-grid small{
  color:#999;
  letter-spacing:2px;
}

.about-collection-grid h3{
  font:400 28px Georgia,serif;
  margin:35px 0 12px;
}

.about-collection-grid p{
  color:#777;
  line-height:1.7;
  font-size:12px;
  margin:0 0 25px;
}

.about-collection-grid span{
  margin-top:auto;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1.2px;
}

.about-cta{
  background:#111;
  color:#fff;
  padding:90px 8vw;
  text-align:center;
}

.about-cta h2{
  font:400 52px Georgia,serif;
  margin:18px 0;
}

.about-cta p{
  max-width:550px;
  margin:0 auto 28px;
  color:#aaa;
  line-height:1.8;
}

@media(max-width:1000px){
  .about-hero{
    grid-template-columns:1fr;
  }

  .about-hero-mark{
    width:100%;
    max-width:360px;
  }

  .about-capability-grid{
    grid-template-columns:1fr 1fr;
  }

  .about-capability-grid article:nth-child(2){
    border-right:0;
  }

  .about-collection-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .about-hero{
    padding:60px 6vw;
  }

  .about-hero-copy h1{
    font-size:48px;
  }

  .about-intro-grid{
    grid-template-columns:1fr;
    gap:25px;
  }

  .about-capability-grid{
    grid-template-columns:1fr 1fr;
  }

  .about-capability-grid article{
    padding:25px 15px;
  }

  .about-capability-grid article:nth-child(odd){
    border-right:1px solid #333;
  }

  .about-capability-grid article:nth-child(even){
    border-right:0;
  }

  .about-cta h2{
    font-size:38px;
  }
}


/* ===== ABOUT US / OUR WORKSPACE — INTERACTIVE MEDIA ===== */

.about-workspace-experience{
  width:100%;
  margin-top:46px;
}

.about-media-nav{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(35,35,35,.22);
  border-bottom:1px solid rgba(35,35,35,.22);
}

.about-media-tab{
  appearance:none;
  border:0;
  border-right:1px solid rgba(35,35,35,.16);
  background:transparent;
  padding:22px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  text-align:left;
  cursor:pointer;
  position:relative;
  transition:all .35s ease;
  color:#292929;
}

.about-media-tab:last-child{
  border-right:0;
}

.about-media-tab:hover,
.about-media-tab.active{
  background:rgba(255,255,255,.55);
}

.about-media-tab::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-1px;
  height:2px;
  background:#292929;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s ease;
}

.about-media-tab:hover::after,
.about-media-tab.active::after{
  transform:scaleX(1);
}

.about-media-tab-no{
  font-size:10px;
  letter-spacing:2px;
  color:#999;
  min-width:22px;
}

.about-media-tab strong{
  display:block;
  font-size:13px;
  font-weight:500;
  letter-spacing:2.4px;
  line-height:1.4;
}

.about-media-tab small{
  display:block;
  margin-top:4px;
  font-size:11px;
  letter-spacing:1px;
  color:#888;
}

.about-media-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:34px;
  margin-top:30px;
}

.about-media-main{
  min-width:0;
  position:relative;
  background:#e9e7e2;
  overflow:hidden;
  aspect-ratio:16/9;
}

.about-media-main-image{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}

.about-media-main-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.65,.25,1);
}

.about-media-main:hover .about-media-main-image img{
  transform:scale(1.025);
}

.about-media-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.7);
  background:rgba(20,20,20,.22);
  color:#fff;
  font-size:30px;
  line-height:1;
  font-family:Arial,sans-serif;
  font-weight:200;
  cursor:pointer;
  backdrop-filter:blur(5px);
  transition:all .3s ease;
  display:flex;
  align-items:center;
  justify-content:center;
}

.about-media-arrow:hover{
  background:rgba(20,20,20,.7);
}

.about-media-prev{
  left:18px;
}

.about-media-next{
  right:18px;
}

.about-media-counter{
  position:absolute;
  right:22px;
  bottom:20px;
  z-index:3;
  color:#fff;
  font-size:10px;
  letter-spacing:2px;
  padding:7px 10px;
  background:rgba(20,20,20,.4);
  backdrop-filter:blur(5px);
}

.about-media-info{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:8px 0 0;
}

.about-media-kicker{
  display:block;
  font-size:9px;
  letter-spacing:2.8px;
  color:#999;
  margin-bottom:16px;
}

.about-media-title{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  font-weight:400;
  letter-spacing:1px;
  line-height:1.15;
  color:#292929;
}

.about-media-description{
  margin:18px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(35,35,35,.15);
  font-size:12px;
  line-height:1.8;
  color:#777;
}

.about-media-thumbs{
  grid-column:1 / -1;
  display:flex;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 6px;
  scrollbar-width:thin;
  scrollbar-color:#aaa transparent;
}

.about-media-thumb{
  flex:0 0 120px;
  width:120px;
  height:78px;
  padding:0;
  border:1px solid transparent;
  background:#eee;
  overflow:hidden;
  cursor:pointer;
  opacity:.58;
  transition:all .3s ease;
}

.about-media-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .4s ease;
}

.about-media-thumb:hover{
  opacity:.9;
}

.about-media-thumb:hover img{
  transform:scale(1.04);
}

.about-media-thumb.active{
  opacity:1;
  border-color:#292929;
}

.about-media-empty{
  width:100%;
  height:100%;
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#999;
}

.about-media-empty span{
  font-size:11px;
  letter-spacing:3px;
}

.about-media-empty p{
  margin:10px 0 0;
  font-size:11px;
  letter-spacing:1px;
}

/* ===== RESPONSIVE ===== */

@media(max-width:900px){
  .about-media-stage{
    grid-template-columns:1fr;
    gap:22px;
  }

  .about-media-info{
    padding:0;
  }

  .about-media-thumbs{
    grid-column:auto;
  }
}

@media(max-width:700px){
  .about-media-nav{
    grid-template-columns:1fr;
  }

  .about-media-tab{
    border-right:0;
    border-bottom:1px solid rgba(35,35,35,.12);
    padding:16px 18px;
  }

  .about-media-tab:last-child{
    border-bottom:0;
  }

  .about-media-tab::after{
    left:18px;
    right:18px;
  }

  .about-media-main{
    aspect-ratio:4/3;
  }

  .about-media-arrow{
    width:40px;
    height:40px;
    font-size:25px;
  }

  .about-media-prev{
    left:10px;
  }

  .about-media-next{
    right:10px;
  }

  .about-media-thumb{
    flex-basis:100px;
    width:100px;
    height:68px;
  }
}


.about-process-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}

.about-process-grid article{
  padding:32px 28px;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

.about-process-grid article span{
  font-size:10px;
  letter-spacing:2px;
  color:#999;
}

.about-process-grid h3{
  font:400 25px Georgia,serif;
  margin:28px 0 12px;
}

.about-process-grid p{
  color:#777;
  line-height:1.75;
  font-size:12px;
  margin:0;
}

.about-quality{
  background:#f4f3f0;
}

.about-quality-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:#d8d6d1;
}

.about-quality-grid>div{
  background:#f4f3f0;
  padding:35px;
}

.about-quality-grid h3{
  font:400 25px Georgia,serif;
  margin:0 0 12px;
}

.about-quality-grid p{
  color:#707070;
  line-height:1.8;
  font-size:12px;
  margin:0;
}

.about-service{
  background:#111;
  color:#fff;
}

.about-service .section-title h2{
  color:#fff;
  max-width:700px;
}

.about-service-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid #333;
  border-bottom:1px solid #333;
}

.about-service-grid>div{
  min-height:150px;
  padding:28px 20px;
  border-right:1px solid #333;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.about-service-grid>div:last-child{
  border-right:0;
}

.about-service-grid strong{
  font:400 21px Georgia,serif;
  margin-bottom:10px;
}

.about-service-grid span{
  color:#999;
  font-size:11px;
  line-height:1.6;
}

.about-faq-list{
  border-top:1px solid #ddd;
}

.about-faq-list details{
  border-bottom:1px solid #ddd;
}

.about-faq-list summary{
  cursor:pointer;
  list-style:none;
  padding:24px 5px;
  font:400 19px Georgia,serif;
  position:relative;
  padding-right:40px;
}

.about-faq-list summary::-webkit-details-marker{
  display:none;
}

.about-faq-list summary:after{
  content:"+";
  position:absolute;
  right:8px;
  top:20px;
  font:20px Georgia,serif;
  color:#888;
}

.about-faq-list details[open] summary:after{
  content:"−";
}

.about-faq-list p{
  color:#777;
  font-size:13px;
  line-height:1.8;
  max-width:750px;
  padding:0 40px 24px 5px;
  margin:0;
}

@media(max-width:900px){
  .about-process-grid{
    grid-template-columns:1fr 1fr;
  }

  .about-service-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .about-service-grid>div:nth-child(2n){
    border-right:0;
  }

  .about-service-grid>div:last-child{
    border-right:0;
  }
}

@media(max-width:560px){
  .about-process-grid,
  .about-quality-grid{
    grid-template-columns:1fr;
  }

  .about-service-grid{
    grid-template-columns:1fr;
  }

  .about-service-grid>div{
    border-right:0;
    border-bottom:1px solid #333;
  }

  .about-service-grid>div:last-child{
    border-bottom:0;
  }
}

.about-home-section{
  background:#fff;
}

.about-story-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:80px;
  align-items:start;
}

.about-story-copy p{
  max-width:680px;
  margin:0 0 22px;
  color:#666;
  font-size:15px;
  line-height:1.95;
}

.about-story-copy strong{
  color:#111;
  font-weight:500;
}

.about-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}

.about-facts>div{
  padding:30px 24px;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

.about-facts b{
  display:block;
  font:400 31px Georgia,serif;
  margin-bottom:8px;
}

.about-facts span{
  color:#888;
  font-size:10px;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

@media(max-width:800px){
  .about-story-grid{
    grid-template-columns:1fr;
    gap:45px;
  }
}

@media(max-width:520px){
  .about-facts>div{
    padding:25px 16px;
  }

  .about-facts b{
    font-size:25px;
  }
}

/* Typography refinement */
.about-home-section p,
.about-story-copy p,
.about-capability-grid p,
.about-quality-grid p,
.about-service-grid span,
.about-faq-list p,
.about-cta p{
  font-weight:450;
}

.about-home-section h2,
.about-process-grid h3,
.about-quality-grid h3,
.about-collection-grid h3,
.about-service-grid strong,
.about-faq-list summary{
  font-weight:500;
}

.about-hero-copy p{
  font-weight:450;
}

.about-hero-copy h1,
.about-cta h2{
  font-weight:400;
}

.about-facts b,
.about-capability-grid b{
  font-weight:500;
}

header nav a,
.btn{
  font-weight:500;
}

/* Refined hero sections */
.hero{
  min-height:310px;
  padding:45px 8vw;
  background:#eeeae2;
}

.hero-mark{
  width:250px;
  height:250px;
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
}

.hero-mark img{
  display:block;
  width:210px;
  height:auto;
  max-height:210px;
  object-fit:contain;
}

.about-hero{
  min-height:310px;
  padding:45px 8vw;
  background:#e9e5dc;
  gap:55px;
}

.about-hero-copy h1{
  margin:12px 0 18px;
  font-size:52px;
}

.about-hero-copy p{
  margin-bottom:20px;
}

.about-hero-mark{
  aspect-ratio:auto;
  width:250px;
  height:250px;
  max-width:250px;
  border:0;
  background:transparent;
}

.about-hero-mark img{
  width:210px;
  height:auto;
  max-height:210px;
  object-fit:contain;
  display:block;
}

@media(max-width:800px){
  .hero{
    min-height:270px;
    padding:40px 6vw;
  }

  .hero-mark{
    width:190px;
    height:190px;
  }

  .hero-mark img{
    width:160px;
    max-height:160px;
  }

  .about-hero{
    min-height:270px;
    padding:40px 6vw;
  }

  .about-hero-mark{
    width:190px;
    height:190px;
    max-width:190px;
  }

  .about-hero-mark img{
    width:160px;
    max-height:160px;
  }

  .about-hero-copy h1{
    font-size:42px;
  }
}

/* Premium circular logo treatment */
.hero-mark,
.about-hero-mark{
  border:0 !important;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  padding:0;
  box-sizing:border-box;
  box-shadow:none;
}

.hero-mark img,
.about-hero-mark img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  display:block;
  border-radius:50%;
}


/* Smaller premium logo scale */
.hero-mark{
  width:200px;
  height:200px;
}

.hero-mark img{
  width:170px;
  height:170px;
}

.about-hero-mark{
  width:200px;
  height:200px;
  max-width:200px;
}

.about-hero-mark img{
  width:170px;
  height:170px;
}

@media(max-width:800px){
  .hero-mark,
  .about-hero-mark{
    width:170px;
    height:170px;
    max-width:170px;
  }

  .hero-mark img,
  .about-hero-mark img{
    width:145px;
    height:145px;
  }
}
.hero h1,.about-hero-copy h1{line-height:1.05;letter-spacing:-1.5px}
.section-title h2{line-height:1.15;letter-spacing:-.5px}
.hero p,.about-hero-copy p{line-height:1.85;letter-spacing:.1px}
.hero h1,.about-hero-copy h1{font-weight:500}
.section-title h2{font-weight:500}
.about-story-copy p,.hero p,.about-hero-copy p{font-weight:450}
.section-title small,.about-hero-copy small,.about-cta small{font-weight:600}
header nav a,.btn{font-weight:600}
.about-facts b,.about-capability-grid b{font-weight:500}

.about-hero-title [data-lang]{
  display:none;
}

html[data-lang="en"] .about-hero-title [data-lang="en"],
html[data-lang="zh"] .about-hero-title [data-lang="zh"],
html[data-lang="de"] .about-hero-title [data-lang="de"]{
  display:inline;
}

/* Hide duplicate product grid below Featured Collection */
#shop > #shop-grid{
  display:none !important;
}

/* Final Shop product area */
#shop > .shop-all-products{
  display:block;
}

#shop > .shop-all-products #shop-grid{
  display:grid !important;
}

.shop-products-tools{
  margin:0 0 25px;
  display:flex;
  justify-content:flex-end;
}

.shop-products-tools .filters{
  display:flex;
  gap:10px;
}

.shop-products-tools input,
.shop-products-tools select{
  height:42px;
  border:1px solid #d8d5cf;
  background:#fff;
  padding:0 14px;
  font-size:12px;
}

.shop-all-products .section-title{
  margin-bottom:20px;
}

@media(max-width:600px){
  .shop-products-tools{
    justify-content:flex-start;
  }

  .shop-products-tools .filters{
    width:100%;
  }

  .shop-products-tools input,
  .shop-products-tools select{
    min-width:0;
    flex:1;
  }
}

/* Shop display order - visual only */
#shop:not(.hidden){
  display:flex;
  flex-direction:column;
}

#shop:not(.hidden) > .pagehead{
  order:0;
}

#shop:not(.hidden) > #home-brands{
  order:1;
}

#shop:not(.hidden) > #homepage-video-section{
  order:2;
}

#shop:not(.hidden) > section:has(#home-grid){
  order:3;
}

#shop:not(.hidden) > #homepage-carousel-section{
  order:4;
}

#shop:not(.hidden) > .shop-all-products{
  order:5;
}


/* ================================
   CHAORONG PREMIUM SHOP
   Visual refinement only
   ================================ */

#shop{
  background:#f7f5f1;
}

#shop > .pagehead{
  padding:38px 6vw 28px;
  margin:0;
  border-bottom:1px solid #e3e0d9;
  background:#f7f5f1;
}

#shop > .pagehead small{
  letter-spacing:2.8px;
  font-size:10px;
  font-weight:600;
}

#shop > .pagehead h1{
  margin-top:8px;
  font-size:48px;
  line-height:1;
  letter-spacing:-1.5px;
  font-weight:500;
}

#shop > #home-brands{
  padding-top:72px;
  padding-bottom:55px;
}

#shop > #homepage-video-section{
  padding-top:38px;
  padding-bottom:70px;
}

#shop > #homepage-video-section:empty{
  display:none;
}

#shop > section:has(#home-grid){
  padding-top:70px;
  padding-bottom:65px;
}

#shop > section:has(#home-grid) .section-title{
  margin-bottom:28px;
}

#shop > #homepage-carousel-section{
  padding-top:55px;
  padding-bottom:80px;
}

#shop > .shop-all-products{
  padding-top:85px;
  border-top:1px solid #dfdcd5;
  background:#f3f1ec;
}

.shop-all-products .section-title small{
  letter-spacing:2.6px;
}

.shop-all-products .section-title h2{
  max-width:620px;
}

.shop-products-tools{
  margin:10px 0 32px;
}

.shop-products-tools input,
.shop-products-tools select{
  border:1px solid #d8d4cc;
  background:transparent;
  border-radius:0;
  height:44px;
  letter-spacing:.2px;
}

.shop-all-products #shop-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:34px 22px;
}

#shop .card{
  border:0;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  transition:transform .3s ease;
}

#shop .card:hover{
  transform:translateY(-4px);
}

#shop .card .pic{
  aspect-ratio:4/5;
  background:#ebe8e1;
  border-radius:0;
  overflow:hidden;
}

#shop .card .pic img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

#shop .card:hover .pic img{
  transform:scale(1.025);
}

#shop .card .info{
  padding:16px 2px 0;
}

#shop .card .info h3{
  font-size:14px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:.1px;
  margin-bottom:7px;
}

#shop .card .meta{
  font-size:10px;
  line-height:1.6;
  color:#87837b;
  letter-spacing:.3px;
}

#shop .card .price{
  margin-top:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#shop .card .price > span{
  font-size:13px;
  font-weight:500;
  letter-spacing:.2px;
}

#shop .card .add{
  border:1px solid #1d1d1b;
  background:transparent;
  color:#1d1d1b;
  padding:8px 13px;
  font-size:10px;
  letter-spacing:.5px;
  transition:all .25s ease;
}

#shop .card .add:hover{
  background:#1d1d1b;
  color:#fff;
}

@media(max-width:1000px){
  .shop-all-products #shop-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:700px){
  #shop > .pagehead{
    padding:28px 5vw 22px;
  }

  #shop > .pagehead h1{
    font-size:40px;
  }

  #shop-all-products{
    padding-top:60px;
  }

  .shop-all-products #shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 14px;
  }

  #shop .card .price{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  #shop .card .add{
    width:100%;
  }
}

/* Premium single-collection layout */
#shop #home-brands-grid > :only-child{
  max-width:620px;
}

#shop #home-brands-grid > :only-child .home-brand-image{
  aspect-ratio:16/8;
}

#shop #home-brands-grid > :only-child .home-brand-info{
  padding:18px 4px 0;
}

#shop #home-brands-grid > :only-child .home-brand-info h3{
  font-size:21px;
  letter-spacing:-.3px;
}

#shop #home-brands-grid > :only-child .home-brand-info p{
  max-width:520px;
  font-size:12px;
  line-height:1.8;
  color:#77736c;
}


/* ================================
   Shop luxury editorial refinement
   ================================ */

#shop{
  background:#f7f6f3;
}

#shop > .pagehead{
  padding:34px 6vw 30px;
  border-bottom:1px solid #e2dfd8;
}

#shop > .pagehead h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:46px;
  line-height:1;
  letter-spacing:-1.2px;
}

#shop > #home-brands{
  padding:68px 6vw 48px;
}

#shop > #homepage-video-section{
  padding:18px 6vw 72px;
}

#shop > section:has(#home-grid){
  padding:62px 6vw 72px;
}

#shop > section:has(#home-grid) .section-title{
  margin-bottom:26px;
}

#shop > #homepage-carousel-section{
  padding:48px 6vw 76px;
}

#shop > .shop-all-products{
  padding:82px 6vw 100px;
  background:#f1efea;
  border-top:1px solid #dfdcd5;
}

#shop .section-title small{
  font-size:9px;
  letter-spacing:2.7px;
  font-weight:600;
}

#shop .section-title h2{
  margin-top:8px;
  font-size:clamp(30px,3.1vw,43px);
  line-height:1.1;
  letter-spacing:-.8px;
  font-weight:500;
}

#shop .card{
  background:transparent;
  border:0;
  box-shadow:none;
}

#shop .card .pic{
  background:#ebe8e2;
  border:0;
  border-radius:0;
}

#shop .card .info{
  padding:14px 1px 0;
}

#shop .card .info h3{
  font-size:13px;
  font-weight:500;
  letter-spacing:.1px;
}

#shop .card .meta{
  font-size:9px;
  line-height:1.7;
  letter-spacing:.35px;
  color:#817d75;
}

#shop .card .price{
  margin-top:12px;
}

#shop .card .price > span{
  font-size:12px;
  font-weight:500;
}

#shop .card .add{
  font-size:9px;
  letter-spacing:.6px;
  padding:7px 12px;
  background:transparent;
}

#shop .card:hover{
  transform:translateY(-3px);
}

#shop .card:hover .pic img{
  transform:scale(1.018);
}

/* Keep the selected collection visually dominant */
#shop #homepage-carousel-section .homepage-poster-slider{
  margin-top:20px;
}

/* Product catalog */
#shop .shop-all-products .section-title{
  margin-bottom:28px;
}

#shop .shop-all-products #shop-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:34px 22px;
}

#shop .shop-products-tools{
  margin-bottom:30px;
}

@media(max-width:1000px){
  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:700px){
  #shop > #home-brands,
  #shop > #homepage-video-section,
  #shop > section:has(#home-grid),
  #shop > #homepage-carousel-section,
  #shop > .shop-all-products{
    padding-left:5vw;
    padding-right:5vw;
  }

  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px 14px;
  }

  #shop #home-brands-grid > :only-child{
    max-width:100%;
  }
}

/* Series — square editorial cards */
#shop #home-brands-grid .home-brand-image{
  aspect-ratio:1 / 1 !important;
  width:100%;
  overflow:hidden;
  background:#ebe8e1;
}

#shop #home-brands-grid .home-brand-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


/* New Arrivals Video — cinematic black section */
#shop > #homepage-video-section{
  background:#11110f;
  color:#fff;
  padding:72px 6vw 78px;
  margin-top:10px;
}

#shop .shop-video-heading{
  max-width:1100px;
  margin:0 auto 26px;
}

#shop .shop-video-heading small{
  display:block;
  color:rgba(255,255,255,.62);
  font-size:9px;
  letter-spacing:3px;
  font-weight:600;
  margin-bottom:10px;
}

#shop .shop-video-heading h2{
  margin:0;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:38px;
  line-height:1.1;
  font-weight:400;
  letter-spacing:-.6px;
}

#shop #homepage-video-wrap{
  max-width:1100px;
  margin:0 auto;
  background:#000;
  aspect-ratio:21 / 9;
  overflow:hidden;
}

#shop #homepage-video-wrap video,
#shop #homepage-video-wrap iframe,
#shop #homepage-video-wrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

@media(max-width:700px){
  #shop > #homepage-video-section{
    padding:52px 5vw 56px;
  }

  #shop .shop-video-heading h2{
    font-size:31px;
  }

  #shop #homepage-video-wrap{
    aspect-ratio:16 / 9;
  }
}


/* Selected products — smaller imagery with more breathing room */
#shop > section:has(#home-grid) #home-grid .pic{
  width:60%;
  margin:0 auto;
  aspect-ratio:4 / 5;
}

#shop > section:has(#home-grid) #home-grid .pic img{
  width:100%;
  height:100%;
  object-fit:cover;
}

#shop > section:has(#home-grid) #home-grid .info{
  width:60%;
  margin:0 auto;
}


/* All products — smaller editorial product photography */
#shop .shop-all-products #shop-grid .pic{
  width:60%;
  margin:0 auto;
  aspect-ratio:4 / 5;
}

#shop .shop-all-products #shop-grid .pic img{
  width:100%;
  height:100%;
  object-fit:cover;
}

#shop .shop-all-products #shop-grid .info{
  width:60%;
  margin:0 auto;
}

@media(max-width:700px){
  #shop > section:has(#home-grid) #home-grid .pic,
  #shop > section:has(#home-grid) #home-grid .info,
  #shop .shop-all-products #shop-grid .pic,
  #shop .shop-all-products #shop-grid .info{
    width:78%;
  }
}


/* Series: 1:1 image, reduced to about 60% visual width */
#shop #home-brands-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:28px;
}

#shop #home-brands-grid .home-brand-card{
  width:60%;
  min-width:0;
}

#shop #home-brands-grid .home-brand-image{
  width:100%;
  aspect-ratio:1 / 1 !important;
  overflow:hidden;
}

#shop #home-brands-grid .home-brand-info{
  width:100%;
  padding:15px 0 0;
}

/* When there is only one series, keep it compact */
#shop #home-brands-grid > :only-child{
  width:60%;
  max-width:360px;
}

#shop #home-brands-grid > :only-child .home-brand-image{
  aspect-ratio:1 / 1 !important;
}

/* New Arrivals Video: true 16:9 */
#shop > #homepage-video-section{
  padding:68px 6vw 72px;
  background:#11110f;
}

#shop #homepage-video-wrap{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  background:#000;
  overflow:hidden;
}

#shop #homepage-video-wrap video,
#shop #homepage-video-wrap iframe,
#shop #homepage-video-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media(max-width:700px){
  #shop #home-brands-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 14px;
  }

  #shop #home-brands-grid .home-brand-card,
  #shop #home-brands-grid > :only-child{
    width:75%;
    max-width:none;
  }

  #shop #homepage-video-wrap{
    aspect-ratio:16 / 9 !important;
  }
}


/* =========================================
   New Arrivals — editorial video + copy
   Only affects homepage-video-section
   ========================================= */

#shop > #homepage-video-section{
  background:#11110f;
  color:#fff;
  padding:76px 6vw;
}

#shop .shop-new-arrivals{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(220px,32%) minmax(0,1fr);
  align-items:center;
  gap:90px;
}

#shop .shop-new-arrivals-video{
  width:100%;
  display:flex;
  justify-content:center;
}

#shop .shop-new-arrivals-video #homepage-video-wrap{
  width:min(100%,300px);
  aspect-ratio:9 / 16 !important;
  height:auto !important;
  background:#000;
  overflow:hidden;
}

#shop .shop-new-arrivals-video #homepage-video-wrap .homepage-video{
  width:100%;
  height:100%;
}

#shop .shop-new-arrivals-video #homepage-video-wrap video{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover !important;
}

#shop .shop-new-arrivals-copy{
  max-width:500px;
}

#shop .shop-new-arrivals-copy small{
  display:block;
  margin-bottom:13px;
  font-size:9px;
  letter-spacing:3px;
  font-weight:600;
  color:rgba(255,255,255,.58);
}

#shop .shop-new-arrivals-copy h2{
  margin:0 0 22px;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,4vw,54px);
  line-height:1.05;
  letter-spacing:-1px;
  font-weight:400;
}

#shop .shop-new-arrivals-copy p{
  margin:0 0 28px;
  max-width:440px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.9;
  letter-spacing:.1px;
}

#shop .shop-new-arrivals-link{
  display:inline-block;
  color:#fff;
  text-decoration:none;
  font-size:10px;
  letter-spacing:1px;
  border-bottom:1px solid rgba(255,255,255,.65);
  padding-bottom:7px;
  transition:opacity .25s ease;
}

#shop .shop-new-arrivals-link:hover{
  opacity:.65;
}

@media(max-width:760px){
  #shop > #homepage-video-section{
    padding:56px 5vw 62px;
  }

  #shop .shop-new-arrivals{
    grid-template-columns:1fr;
    gap:42px;
  }

  #shop .shop-new-arrivals-video{
    justify-content:center;
  }

  #shop .shop-new-arrivals-video #homepage-video-wrap{
    width:min(58vw,270px);
  }

  #shop .shop-new-arrivals-copy{
    max-width:none;
  }

  #shop .shop-new-arrivals-copy h2{
    font-size:38px;
  }
}


/* =========================================
   Admin - New Arrivals Content
   ========================================= */

#hp-new-arrivals-title-en,
#hp-new-arrivals-title-zh,
#hp-new-arrivals-title-de{
  min-width:0;
}

#hp-new-arrivals-text-en,
#hp-new-arrivals-text-zh,
#hp-new-arrivals-text-de{
  min-height:140px;
  resize:vertical;
  line-height:1.7;
}

#hp-new-arrivals-title-en,
#hp-new-arrivals-title-zh,
#hp-new-arrivals-title-de,
#hp-new-arrivals-text-en,
#hp-new-arrivals-text-zh,
#hp-new-arrivals-text-de{
  width:100%;
  box-sizing:border-box;
}

.homepage-admin-section #hp-new-arrivals-title-en,
.homepage-admin-section #hp-new-arrivals-title-zh,
.homepage-admin-section #hp-new-arrivals-title-de{
  height:44px;
}


.new-arrivals-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:15px;
}

.new-arrivals-admin-grid > div{
  min-width:0;
}

.new-arrivals-admin-grid label{
  display:block;
  margin-bottom:7px;
  font-size:12px;
  font-weight:600;
  color:#333;
}

.new-arrivals-admin-grid input,
.new-arrivals-admin-grid textarea{
  width:100%;
  box-sizing:border-box;
}

.new-arrivals-admin-grid textarea{
  min-height:150px;
}

@media(max-width:900px){
  .new-arrivals-admin-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================
   Premium Selected Products
   ========================================= */

#shop > section:has(#home-grid){
  background:#f7f6f3;
}

#shop > section:has(#home-grid) #home-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:54px 28px;
  align-items:start;
}

#shop > section:has(#home-grid) #home-grid .card{
  text-align:left;
}

#shop > section:has(#home-grid) #home-grid .pic{
  width:60%;
  margin:0 auto;
  aspect-ratio:4/5;
}

#shop > section:has(#home-grid) #home-grid .info{
  width:60%;
  margin:0 auto;
}

#shop > section:has(#home-grid) #home-grid .info h3{
  margin-top:2px;
  font-size:13px;
  line-height:1.5;
  font-weight:500;
}

#shop > section:has(#home-grid) #home-grid .meta{
  margin-top:6px;
  font-size:9px;
  color:#88837b;
  letter-spacing:.4px;
}

#shop > section:has(#home-grid) #home-grid .price{
  margin-top:12px;
}

#shop > section:has(#home-grid) #home-grid .add{
  padding:6px 10px;
  font-size:9px;
  letter-spacing:.6px;
}


/* =========================================
   Premium Selected Products
   ========================================= */

#shop > section:has(#home-grid){
  background:#f7f6f3;
}

#shop > section:has(#home-grid) #home-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:54px 28px;
  align-items:start;
}

#shop > section:has(#home-grid) #home-grid .card{
  text-align:left;
}

#shop > section:has(#home-grid) #home-grid .pic{
  width:60%;
  margin:0 auto;
  aspect-ratio:4/5;
}

#shop > section:has(#home-grid) #home-grid .info{
  width:60%;
  margin:0 auto;
}

#shop > section:has(#home-grid) #home-grid .info h3{
  margin-top:2px;
  font-size:13px;
  line-height:1.5;
  font-weight:500;
}

#shop > section:has(#home-grid) #home-grid .meta{
  margin-top:6px;
  font-size:9px;
  color:#88837b;
  letter-spacing:.4px;
}

#shop > section:has(#home-grid) #home-grid .price{
  margin-top:12px;
}

#shop > section:has(#home-grid) #home-grid .add{
  padding:6px 10px;
  font-size:9px;
  letter-spacing:.6px;
}


/* =========================================
   Featured Collection — controlled hero scale
   ========================================= */

#shop > #homepage-carousel-section{
  background:#f7f6f3;
}

#shop > #homepage-carousel-section .homepage-poster-slider{
  max-width:1100px;
  margin:22px auto 0;
}

#shop > #homepage-carousel-section .homepage-carousel-track{
  max-height:620px;
  overflow:hidden;
}

#shop > #homepage-carousel-section .homepage-carousel-track img{
  width:100%;
  max-height:620px;
  object-fit:cover;
}


@media(max-width:900px){
  #shop > section:has(#home-grid) #home-grid,
  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 16px;
  }

  #shop > section:has(#home-grid) #home-grid .pic,
  #shop > section:has(#home-grid) #home-grid .info,
  #shop .shop-all-products #shop-grid .pic,
  #shop .shop-all-products #shop-grid .info{
    width:72%;
  }
}

@media(max-width:600px){
  #shop > section:has(#home-grid) #home-grid,
  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 12px;
  }

  #shop > section:has(#home-grid) #home-grid .pic,
  #shop > section:has(#home-grid) #home-grid .info,
  #shop .shop-all-products #shop-grid .pic,
  #shop .shop-all-products #shop-grid .info{
    width:82%;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track,
  #shop > #homepage-carousel-section .homepage-carousel-track img{
    max-height:480px;
  }
}


@media(max-width:900px){
  #shop > section:has(#home-grid) #home-grid,
  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 16px;
  }

  #shop > section:has(#home-grid) #home-grid .pic,
  #shop > section:has(#home-grid) #home-grid .info,
  #shop .shop-all-products #shop-grid .pic,
  #shop .shop-all-products #shop-grid .info{
    width:72%;
  }
}

@media(max-width:600px){
  #shop > section:has(#home-grid) #home-grid,
  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 12px;
  }

  #shop > section:has(#home-grid) #home-grid .pic,
  #shop > section:has(#home-grid) #home-grid .info,
  #shop .shop-all-products #shop-grid .pic,
  #shop .shop-all-products #shop-grid .info{
    width:82%;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track,
  #shop > #homepage-carousel-section .homepage-carousel-track img{
    max-height:480px;
  }
}


/* =========================================
   SERIES — premium collection cards
   ========================================= */

#shop #home-brands-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:34px;
  align-items:start;
}

#shop #home-brands-grid .home-brand-card{
  width:60%;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  text-align:left;
  transition:transform .35s ease;
}

#shop #home-brands-grid .home-brand-card:hover{
  transform:translateY(-5px);
}

#shop #home-brands-grid .home-brand-image{
  width:100%;
  aspect-ratio:1 / 1 !important;
  overflow:hidden;
  background:#e9e6df;
  position:relative;
}

#shop #home-brands-grid .home-brand-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .7s cubic-bezier(.2,.65,.2,1);
}

#shop #home-brands-grid .home-brand-card:hover .home-brand-image img{
  transform:scale(1.035);
}

#shop #home-brands-grid .home-brand-info{
  width:100%;
  padding:16px 1px 0;
}

#shop #home-brands-grid .home-brand-info h3{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:-.2px;
}

#shop #home-brands-grid .home-brand-info p{
  margin:8px 0 0;
  color:#817d75;
  font-size:10px;
  line-height:1.8;
  letter-spacing:.15px;
}

#shop #home-brands-grid > :only-child{
  width:60%;
  max-width:360px;
}

#shop #home-brands-grid > :only-child .home-brand-image{
  aspect-ratio:1 / 1 !important;
}

/* =========================================
   FEATURED COLLECTION — same width, half height
   ========================================= */

#shop > #homepage-carousel-section .homepage-poster-slider{
  width:100%;
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

#shop > #homepage-carousel-section .homepage-carousel-track{
  width:100%;
  height:310px !important;
  max-height:310px !important;
  overflow:hidden;
}

#shop > #homepage-carousel-section .homepage-carousel-track img{
  width:100% !important;
  height:310px !important;
  max-height:310px !important;
  object-fit:cover;
  display:block;
}

/* Keep poster arrows/dots aligned with the shortened poster */
#shop > #homepage-carousel-section .homepage-poster-arrow{
  z-index:3;
}

#shop > #homepage-carousel-section .homepage-poster-dots{
  margin-top:14px;
}

/* Mobile */
@media(max-width:700px){

  #shop #home-brands-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 14px;
  }

  #shop #home-brands-grid .home-brand-card,
  #shop #home-brands-grid > :only-child{
    width:70%;
    max-width:none;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track,
  #shop > #homepage-carousel-section .homepage-carousel-track img{
    height:240px !important;
    max-height:240px !important;
  }
}


/* =========================================
   FINAL SERIES SCALE
   Current size -> 50%
   Keep 1:1
   ========================================= */

#shop #home-brands-grid .home-brand-card{
  width:30% !important;
}

#shop #home-brands-grid > :only-child{
  width:30% !important;
  max-width:180px !important;
}

#shop #home-brands-grid .home-brand-image{
  width:100%;
  aspect-ratio:1 / 1 !important;
}

#shop #home-brands-grid .home-brand-info{
  width:100%;
}


/* =========================================
   FEATURED COLLECTION
   Natural image ratio / page-fitting width
   ========================================= */

#shop > #homepage-carousel-section .homepage-poster-slider{
  width:100%;
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
}

#shop > #homepage-carousel-section .homepage-carousel-track{
  width:100%;
  height:auto !important;
  max-height:none !important;
  overflow:hidden;
}

#shop > #homepage-carousel-section .homepage-carousel-track img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  display:block;
}

#shop > #homepage-carousel-section .homepage-poster-dots{
  margin-top:16px;
}


/* Desktop: let poster breathe across the page */
@media(min-width:1200px){
  #shop > #homepage-carousel-section .homepage-poster-slider{
    max-width:calc(100vw - 12vw);
  }
}


/* Mobile */
@media(max-width:700px){

  #shop #home-brands-grid .home-brand-card,
  #shop #home-brands-grid > :only-child{
    width:55% !important;
    max-width:220px !important;
  }

  #shop > #homepage-carousel-section .homepage-poster-slider{
    width:100%;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track{
    height:auto !important;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track img{
    height:auto !important;
    object-fit:contain !important;
  }
}


/* =========================================
   Series — slightly larger
   Current size + about 1/3
   ========================================= */

#shop #home-brands-grid .home-brand-card{
  width:40% !important;
}

#shop #home-brands-grid > :only-child{
  width:40% !important;
  max-width:240px !important;
}

#shop #home-brands-grid .home-brand-image{
  width:100%;
  aspect-ratio:1 / 1 !important;
}


/* =========================================
   Featured Collection — same width,
   approximately half the current height
   ========================================= */

#shop > #homepage-carousel-section .homepage-poster-slider{
  width:100%;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

#shop > #homepage-carousel-section .homepage-carousel-track{
  width:100%;
  height:320px !important;
  max-height:320px !important;
  overflow:hidden;
}

#shop > #homepage-carousel-section .homepage-carousel-track img{
  width:100% !important;
  height:320px !important;
  max-height:320px !important;
  object-fit:cover !important;
  object-position:center center;
  display:block;
}

/* Keep the arrows vertically centered */
#shop > #homepage-carousel-section .homepage-poster-arrow{
  top:50%;
  transform:translateY(-50%);
}


/* Mobile */
@media(max-width:700px){

  #shop #home-brands-grid .home-brand-card{
    width:58% !important;
  }

  #shop #home-brands-grid > :only-child{
    width:58% !important;
    max-width:220px !important;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track,
  #shop > #homepage-carousel-section .homepage-carousel-track img{
    height:220px !important;
    max-height:220px !important;
  }
}


/* ==================================================
   FEATURED COLLECTION — FINAL CLEAN LAYOUT
   ================================================== */

#shop > #homepage-carousel-section{
  padding-top:48px !important;
  padding-bottom:55px !important;
}

#shop > #homepage-carousel-section .homepage-poster-slider{
  position:relative;
  width:100% !important;
  max-width:none !important;
  margin:22px 0 0 !important;
  padding:0 !important;
}

#shop > #homepage-carousel-section .homepage-carousel-track{
  position:relative !important;
  width:100% !important;
  height:320px !important;
  max-height:320px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

#shop > #homepage-carousel-section .homepage-carousel-track > *{
  width:100% !important;
  height:100% !important;
}

#shop > #homepage-carousel-section .homepage-carousel-track img{
  width:100% !important;
  height:320px !important;
  max-height:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

#shop > #homepage-carousel-section .homepage-poster-dots{
  margin-top:14px !important;
  padding:0 !important;
}

#shop > #homepage-carousel-section .homepage-poster-arrow{
  top:50% !important;
  transform:translateY(-50%) !important;
}

@media(max-width:700px){

  #shop > #homepage-carousel-section .homepage-carousel-track{
    height:220px !important;
    max-height:220px !important;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track img{
    height:220px !important;
  }

}

/* =========================================
   FEATURED COLLECTION
   Full poster / no empty space
   ========================================= */

#shop > #homepage-carousel-section .homepage-poster-slider{
  width:100% !important;
  max-width:none !important;
  margin:22px 0 0 !important;
  padding:0 !important;
  position:relative;
}

#shop > #homepage-carousel-section .homepage-carousel-track{
  width:100% !important;
  height:320px !important;
  max-height:320px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:flex-start !important;
  background:transparent !important;
}

/* The slide itself must occupy the full track */
#shop > #homepage-carousel-section .homepage-carousel-track > *{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-start !important;
}

/* Poster fills the whole available area */
#shop > #homepage-carousel-section .homepage-carousel-track img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Remove any possible spacing around the slide */
#shop > #homepage-carousel-section .homepage-carousel-track a,
#shop > #homepage-carousel-section .homepage-carousel-track figure{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* Arrows remain vertically centered */
#shop > #homepage-carousel-section .homepage-poster-arrow{
  top:50% !important;
  transform:translateY(-50%) !important;
}

@media(max-width:700px){
  #shop > #homepage-carousel-section .homepage-carousel-track{
    height:220px !important;
    max-height:220px !important;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track > *,
  #shop > #homepage-carousel-section .homepage-carousel-track img{
    height:220px !important;
  }
}


/* =========================================
   FEATURED COLLECTION — FINAL 5:2 STANDARD
   Poster width: full
   Poster ratio: 5:2
   No distortion / no artificial empty space
   ========================================= */

#shop > #homepage-carousel-section .homepage-poster-slider{
  width:100% !important;
  max-width:none !important;
  margin:22px 0 0 !important;
  padding:0 !important;
}

#shop > #homepage-carousel-section .homepage-carousel-track{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  aspect-ratio:5 / 2 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

#shop > #homepage-carousel-section .homepage-carousel-track > *{
  width:100% !important;
  min-width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

#shop > #homepage-carousel-section .homepage-carousel-track img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-height:0 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

#shop > #homepage-carousel-section .homepage-poster-dots{
  margin-top:14px !important;
}

#shop > #homepage-carousel-section .homepage-poster-arrow{
  top:50% !important;
  transform:translateY(-50%) !important;
}

@media(max-width:700px){
  #shop > #homepage-carousel-section .homepage-carousel-track{
    aspect-ratio:5 / 2 !important;
    height:auto !important;
    max-height:none !important;
  }

  #shop > #homepage-carousel-section .homepage-carousel-track img{
    height:100% !important;
  }
}


/* =========================================
   NEW & BEST SELLERS — final editorial layout
   ========================================= */

#shop > section:has(#home-grid) #home-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:52px 28px;
  align-items:start;
  justify-items:center;
}

/* One selected product: centered like a hero product */
#shop > section:has(#home-grid) #home-grid:has(> :only-child){
  grid-template-columns:minmax(220px,360px);
  justify-content:center;
}

#shop > section:has(#home-grid) #home-grid .card{
  width:100%;
  max-width:100%;
}

#shop > section:has(#home-grid) #home-grid .pic{
  width:60%;
  margin:0 auto;
  aspect-ratio:4/5;
  overflow:hidden;
}

#shop > section:has(#home-grid) #home-grid .info{
  width:60%;
  margin:0 auto;
  padding-top:15px;
}

#shop > section:has(#home-grid) #home-grid .info h3{
  font-size:13px;
  line-height:1.45;
  font-weight:500;
}

#shop > section:has(#home-grid) #home-grid .meta{
  margin-top:6px;
  font-size:9px;
  line-height:1.7;
  color:#858078;
}

#shop > section:has(#home-grid) #home-grid .price{
  margin-top:12px;
}

#shop > section:has(#home-grid) #home-grid .add{
  padding:6px 11px;
  font-size:9px;
  letter-spacing:.5px;
}


/* =========================================
   ALL PRODUCTS — clean B2B catalog
   ========================================= */

#shop .shop-all-products #shop-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:56px 28px;
  align-items:start;
  justify-items:center;
}

#shop .shop-all-products #shop-grid .card{
  width:100%;
  max-width:100%;
}

#shop .shop-all-products #shop-grid .pic{
  width:60%;
  margin:0 auto;
  aspect-ratio:4/5;
  overflow:hidden;
}

#shop .shop-all-products #shop-grid .info{
  width:60%;
  margin:0 auto;
  padding-top:15px;
}

#shop .shop-all-products #shop-grid .info h3{
  font-size:13px;
  line-height:1.45;
  font-weight:500;
}

#shop .shop-all-products #shop-grid .meta{
  margin-top:6px;
  font-size:9px;
  line-height:1.7;
  color:#858078;
}

#shop .shop-all-products #shop-grid .price{
  margin-top:12px;
}

#shop .shop-all-products #shop-grid .add{
  padding:6px 11px;
  font-size:9px;
  letter-spacing:.5px;
}


/* Product image hover */
#shop .card .pic img{
  transition:transform .55s cubic-bezier(.2,.65,.2,1);
}

#shop .card:hover .pic img{
  transform:scale(1.025);
}


/* Tablet */
@media(max-width:1000px){
  #shop > section:has(#home-grid) #home-grid,
  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* Mobile */
@media(max-width:700px){
  #shop > section:has(#home-grid) #home-grid,
  #shop .shop-all-products #shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 14px;
  }

  #shop > section:has(#home-grid) #home-grid:has(> :only-child){
    grid-template-columns:minmax(190px,280px);
  }

  #shop > section:has(#home-grid) #home-grid .pic,
  #shop > section:has(#home-grid) #home-grid .info,
  #shop .shop-all-products #shop-grid .pic,
  #shop .shop-all-products #shop-grid .info{
    width:78%;
  }
}


/* ==================================================
   SERIES / COLLECTIONS — PREMIUM EDITORIAL
   ================================================== */

#shop > #home-brands{
  padding-top:64px !important;
  padding-bottom:62px !important;
}

#shop > #home-brands .section-title{
  margin-bottom:30px;
}

#shop > #home-brands .section-title small{
  display:block;
  margin-bottom:10px;
  letter-spacing:3px;
  font-size:9px;
  font-weight:600;
  color:#817d75;
}

#shop > #home-brands .section-title h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,3.6vw,48px);
  line-height:1;
  font-weight:400;
  letter-spacing:-1px;
}


/* Collection grid */
#shop #home-brands-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:42px 38px;
  align-items:start;
}


/* Collection card */
#shop #home-brands-grid .home-brand-card{
  width:40% !important;
  max-width:300px;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  text-align:left;
  cursor:pointer;
  transition:transform .4s cubic-bezier(.2,.65,.2,1);
}

#shop #home-brands-grid .home-brand-card:hover{
  transform:translateY(-6px);
}


/* Square image */
#shop #home-brands-grid .home-brand-image{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden;
  position:relative;
  background:#e9e6df;
}

#shop #home-brands-grid .home-brand-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.65,.2,1);
}

#shop #home-brands-grid .home-brand-card:hover
.home-brand-image img{
  transform:scale(1.035);
}


/* Collection information */
#shop #home-brands-grid .home-brand-info{
  width:100% !important;
  padding:17px 1px 0 !important;
}

#shop #home-brands-grid .home-brand-info h3{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:-.2px;
}

#shop #home-brands-grid .home-brand-info p{
  margin:8px 0 12px;
  max-width:270px;
  color:#827e76;
  font-size:10px;
  line-height:1.75;
  letter-spacing:.15px;
}


/* Add subtle editorial link after description */
#shop #home-brands-grid .home-brand-info::after{
  content:"Explore Collection →";
  display:inline-block;
  padding-bottom:5px;
  border-bottom:1px solid #b7b2a9;
  color:#252422;
  font-size:9px;
  line-height:1;
  letter-spacing:.7px;
  opacity:.82;
  transition:opacity .25s ease;
}

#shop #home-brands-grid .home-brand-card:hover
.home-brand-info::after{
  opacity:1;
}


/* Single collection */
#shop #home-brands-grid > :only-child{
  width:40% !important;
  max-width:300px !important;
  margin-left:0 !important;
  margin-right:auto !important;
}


/* Tablet */
@media(max-width:1000px){
  #shop #home-brands-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px 24px;
  }

  #shop #home-brands-grid .home-brand-card,
  #shop #home-brands-grid > :only-child{
    width:48% !important;
  }
}


/* Mobile */
@media(max-width:700px){
  #shop > #home-brands{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }

  #shop #home-brands-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 14px;
  }

  #shop #home-brands-grid .home-brand-card,
  #shop #home-brands-grid > :only-child{
    width:72% !important;
    max-width:none !important;
  }

  #shop #home-brands-grid .home-brand-info h3{
    font-size:16px;
  }
}


/* ==================================================
   SHOP HEADER — PREMIUM JEWELRY CATALOG
   Visual only
   ================================================== */

#shop > .pagehead{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:40px !important;
  padding:46px 6vw 32px !important;
  background:#f7f6f3 !important;
  border-bottom:1px solid #ddd9d1 !important;
}

#shop > .pagehead > div:first-child{
  flex:0 0 auto;
}

#shop > .pagehead small{
  display:block;
  margin-bottom:11px;
  font-size:9px !important;
  line-height:1;
  letter-spacing:3px !important;
  font-weight:600;
  color:#807b73;
}

#shop > .pagehead h1{
  margin:0 !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:48px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:-1.2px !important;
}


/* Filter area */
#shop > .pagehead .filters{
  display:flex !important;
  align-items:center;
  gap:0 !important;
  margin:0 !important;
}

#shop > .pagehead .filters input{
  width:230px;
  height:42px;
  padding:0 14px;
  border:0 !important;
  border-bottom:1px solid #bcb7ae !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#222;
  font-size:11px;
  letter-spacing:.2px;
  outline:none;
}

#shop > .pagehead .filters input::placeholder{
  color:#99948c;
}

#shop > .pagehead .filters input:focus{
  border-bottom-color:#222 !important;
}

#shop > .pagehead .filters select{
  min-width:120px;
  height:42px;
  padding:0 28px 0 14px;
  border:0 !important;
  border-bottom:1px solid #bcb7ae !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:11px;
  color:#333;
  cursor:pointer;
  outline:none;
}


/* Bottom product filter — quieter than header */
#shop .shop-products-tools{
  display:flex;
  justify-content:flex-end;
  margin-bottom:28px !important;
}

#shop .shop-products-tools .filters{
  display:none !important;
}


/* Hide the extra bottom controls because the main
   Shop header already controls search/category */
#shop .shop-products-tools{
  min-height:0 !important;
}


/* Mobile */
@media(max-width:700px){

  #shop > .pagehead{
    display:block !important;
    padding:32px 5vw 26px !important;
  }

  #shop > .pagehead h1{
    font-size:40px !important;
  }

  #shop > .pagehead .filters{
    margin-top:24px !important;
    width:100%;
  }

  #shop > .pagehead .filters input{
    width:100%;
    flex:1;
  }

  #shop > .pagehead .filters select{
    min-width:104px;
  }

}


/* ===== Brand Page: Series + Products editorial layout ===== */

#brand-series-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin-top:32px;
}

.brand-series-section{
  display:grid !important;
  grid-template-columns:230px 280px minmax(0,1fr) !important;
  gap:28px !important;
  align-items:center !important;
  width:100% !important;
  padding:30px 0 !important;
  border-bottom:1px solid #e8e6e2;
}

.brand-series-header{
  display:contents !important;
}

.brand-series-title{
  display:contents !important;
}

.brand-series-image{
  width:230px !important;
  height:150px !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  background:#f4f3f0 !important;
}

.brand-series-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.brand-series-image span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font:30px Georgia,serif;
  color:#aaa;
}

.brand-series-title > div:last-child{
  min-width:0;
  align-self:center;
}

.brand-series-title small{
  display:block;
  font-size:9px !important;
  letter-spacing:2.2px !important;
  color:#888 !important;
  margin-bottom:8px !important;
}

.brand-series-title h3{
  margin:0 !important;
  font:400 26px Georgia,serif !important;
  line-height:1.25 !important;
}

.brand-series-products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  min-width:0 !important;
}

.brand-series-product-card{
  min-width:0 !important;
  cursor:pointer;
}

.brand-series-product-image{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  background:#f6f5f2 !important;
}

.brand-series-product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .3s ease;
}

.brand-series-product-card:hover .brand-series-product-image img{
  transform:scale(1.03);
}

.brand-series-product-info{
  padding-top:9px !important;
}

.brand-series-product-info h4{
  margin:0 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.brand-series-product-info small{
  display:block;
  margin-top:4px !important;
  font-size:9px !important;
  letter-spacing:1px;
  color:#888 !important;
}

/* Brand hero slightly more compact */
.brand-page-hero{
  grid-template-columns:340px minmax(0,1fr) !important;
  gap:40px !important;
  max-width:1200px;
  margin:0 auto 35px;
}

.brand-page-hero-image{
  width:340px !important;
  height:260px !important;
  aspect-ratio:auto !important;
}

.brand-page-hero-content h2{
  font-size:38px !important;
}

/* Tablet */
@media(max-width:1100px){
  .brand-series-section{
    grid-template-columns:200px 220px minmax(0,1fr) !important;
    gap:20px !important;
  }

  .brand-series-image{
    width:200px !important;
    height:135px !important;
  }

  .brand-series-products{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .brand-page-hero{
    grid-template-columns:280px minmax(0,1fr) !important;
  }

  .brand-page-hero-image{
    width:280px !important;
    height:220px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  .brand-series-section{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:26px 0 !important;
  }

  .brand-series-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:3 / 2 !important;
  }

  .brand-series-products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .brand-series-title h3{
    font-size:23px !important;
  }

  .brand-page-hero{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .brand-page-hero-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 3 !important;
  }
}


/* ===== Brand Page: reference layout ===== */

#brand-page > .pagehead{
  display:none !important;
}

#brand-page > .section{
  padding:0 6vw !important;
}

#brand-page > .section:nth-of-type(1){
  padding-top:10px !important;
  padding-bottom:20px !important;
}

#brand-page > .section:nth-of-type(2){
  padding-top:0 !important;
  padding-bottom:30px !important;
}

#brand-page > .section:last-child{
  display:none !important;
}

/* Hero: wide editorial banner */
#brand-page-hero{
  max-width:1200px;
  margin:0 auto;
}

#brand-page .brand-page-hero{
  display:grid !important;
  grid-template-columns:46% 54% !important;
  width:100% !important;
  max-width:none !important;
  height:230px !important;
  margin:0 !important;
  gap:0 !important;
  background:#f3eee8;
  overflow:hidden;
}

#brand-page .brand-page-hero-content{
  grid-column:1 !important;
  grid-row:1 !important;
  order:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:35px 55px !important;
  background:#f3eee8;
}

#brand-page .brand-page-hero-content small{
  font-size:9px !important;
  letter-spacing:2.5px !important;
  color:#8a8279 !important;
}

#brand-page .brand-page-hero-content h2{
  margin:10px 0 12px !important;
  font:400 36px Georgia,serif !important;
  line-height:1.1 !important;
}

#brand-page .brand-page-hero-content p{
  margin:0 !important;
  max-width:440px !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:#666 !important;
}

#brand-page .brand-page-hero-image{
  grid-column:2 !important;
  grid-row:1 !important;
  order:2 !important;
  width:100% !important;
  height:230px !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  background:#eee8df !important;
}

#brand-page .brand-page-hero-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Collections heading */
#brand-page > .section:nth-of-type(2) .section-title{
  max-width:1200px;
  margin:0 auto 22px !important;
  padding:0 !important;
}

#brand-page > .section:nth-of-type(2) .section-title h2{
  margin:5px 0 0 !important;
  font:400 34px Georgia,serif !important;
}

#brand-page > .section:nth-of-type(2) .section-title small{
  font-size:9px !important;
  letter-spacing:2.5px !important;
}

/* Series list */
#brand-series-grid{
  display:flex !important;
  flex-direction:column !important;
  max-width:1200px !important;
  margin:0 auto !important;
  gap:0 !important;
}

#brand-page .brand-series-section{
  display:grid !important;
  grid-template-columns:210px 250px minmax(0,1fr) !important;
  align-items:center !important;
  gap:28px !important;
  width:100% !important;
  min-height:170px !important;
  padding:20px 0 !important;
  border-bottom:1px solid #e7e4df !important;
}

#brand-page .brand-series-image{
  width:210px !important;
  height:140px !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  background:#f4f2ee !important;
}

#brand-page .brand-series-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

#brand-page .brand-series-title{
  display:contents !important;
}

#brand-page .brand-series-title > div:last-child{
  align-self:center !important;
}

#brand-page .brand-series-title small{
  display:block !important;
  margin-bottom:7px !important;
  font-size:9px !important;
  letter-spacing:2.2px !important;
  color:#888 !important;
}

#brand-page .brand-series-title h3{
  margin:0 !important;
  font:400 25px Georgia,serif !important;
  line-height:1.25 !important;
}

/* Products */
#brand-page .brand-series-products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  min-width:0 !important;
  align-self:center !important;
}

#brand-page .brand-series-product-card{
  min-width:0 !important;
  cursor:pointer;
}

#brand-page .brand-series-product-image{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  background:#f5f3ef !important;
}

#brand-page .brand-series-product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .3s ease;
}

#brand-page .brand-series-product-card:hover img{
  transform:scale(1.03);
}

#brand-page .brand-series-product-info{
  padding-top:7px !important;
}

#brand-page .brand-series-product-info h4{
  margin:0 !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#brand-page .brand-series-product-info small{
  display:block !important;
  margin-top:3px !important;
  font-size:8px !important;
  letter-spacing:1px !important;
  color:#999 !important;
}

/* Desktop spacing */
@media(min-width:1200px){
  #brand-page > .section{
    padding-left:7vw !important;
    padding-right:7vw !important;
  }
}

/* Tablet */
@media(max-width:1000px){
  #brand-page .brand-page-hero{
    height:210px !important;
  }

  #brand-page .brand-page-hero-image{
    height:210px !important;
  }

  #brand-page .brand-page-hero-content{
    padding:28px 35px !important;
  }

  #brand-page .brand-series-section{
    grid-template-columns:180px 210px minmax(0,1fr) !important;
    gap:20px !important;
  }

  #brand-page .brand-series-image{
    width:180px !important;
    height:120px !important;
  }

  #brand-page .brand-series-products{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Mobile */
@media(max-width:760px){
  #brand-page .brand-page-hero{
    grid-template-columns:1fr !important;
    height:auto !important;
  }

  #brand-page .brand-page-hero-content{
    grid-column:1 !important;
    grid-row:1 !important;
    padding:28px 24px !important;
  }

  #brand-page .brand-page-hero-image{
    grid-column:1 !important;
    grid-row:2 !important;
    height:210px !important;
  }

  #brand-page .brand-series-section{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:22px 0 !important;
  }

  #brand-page .brand-series-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:3 / 2 !important;
  }

  #brand-page .brand-series-products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
}


/* Brand Hero: keep uploaded 1:1 cover image complete */
#brand-page .brand-page-hero{
  grid-template-columns:minmax(0,1fr) 280px !important;
  height:280px !important;
  gap:55px !important;
  align-items:center !important;
}

#brand-page .brand-page-hero-content{
  grid-column:1 !important;
  grid-row:1 !important;
  padding:30px 45px !important;
}

#brand-page .brand-page-hero-image{
  grid-column:2 !important;
  grid-row:1 !important;
  width:280px !important;
  height:280px !important;
  aspect-ratio:1 / 1 !important;
  background:#f4f1ec !important;
}

#brand-page .brand-page-hero-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media(max-width:760px){
  #brand-page .brand-page-hero{
    grid-template-columns:1fr !important;
    height:auto !important;
    gap:25px !important;
  }

  #brand-page .brand-page-hero-content{
    grid-column:1 !important;
    grid-row:1 !important;
    padding:25px 20px !important;
  }

  #brand-page .brand-page-hero-image{
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:280px !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    margin:0 auto !important;
  }
}


/* ===== Brand Hero: image left, brand information right ===== */
#brand-page .brand-page-hero{
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  height:280px !important;
  gap:55px !important;
  align-items:center !important;
  background:#f4f1ec !important;
  overflow:hidden !important;
}

#brand-page .brand-page-hero-image{
  grid-column:1 !important;
  grid-row:1 !important;
  width:280px !important;
  height:280px !important;
  aspect-ratio:1 / 1 !important;
  background:#f4f1ec !important;
}

#brand-page .brand-page-hero-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

#brand-page .brand-page-hero-content{
  grid-column:2 !important;
  grid-row:1 !important;
  padding:35px 50px 35px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

#brand-page .brand-page-hero-content small{
  font-size:9px !important;
  letter-spacing:2.5px !important;
  color:#888 !important;
  margin-bottom:8px !important;
}

#brand-page .brand-page-hero-content h2{
  margin:0 0 18px !important;
  font:400 38px Georgia,serif !important;
  line-height:1.2 !important;
}

#brand-page .brand-page-hero-content p{
  max-width:560px !important;
  margin:0 !important;
  color:#666 !important;
  font-size:13px !important;
  line-height:1.8 !important;
}

@media(max-width:760px){
  #brand-page .brand-page-hero{
    grid-template-columns:1fr !important;
    height:auto !important;
    gap:0 !important;
  }

  #brand-page .brand-page-hero-image{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:280px !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    margin:0 auto !important;
  }

  #brand-page .brand-page-hero-content{
    grid-column:1 !important;
    grid-row:2 !important;
    padding:28px 24px 32px !important;
  }
}


/* ===== Homepage Settings Admin: clean editorial layout ===== */

.homepage-admin-section{
  padding:50px 6vw 70px !important;
  background:#f7f6f3 !important;
}

.homepage-settings-panel{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:34px 38px !important;
  background:#fff !important;
  border:1px solid #e2dfda !important;
  box-shadow:0 8px 30px rgba(0,0,0,.035);
}

.homepage-settings-panel > div:first-child{
  padding-bottom:8px;
}

.homepage-settings-panel > div:first-child h2{
  margin:0 0 7px !important;
  font:400 30px Georgia,serif !important;
}

.homepage-settings-panel > div:first-child p{
  margin:0 !important;
  font-size:12px !important;
}

/* Section headings */
.homepage-settings-panel > h3{
  margin:34px 0 18px !important;
  padding:0 0 11px !important;
  border-bottom:1px solid #dedbd5 !important;
  font:400 19px Georgia,serif !important;
  letter-spacing:.2px;
}

/* First section sits closer to header */
.homepage-settings-panel > hr + h3{
  margin-top:8px !important;
}

/* Inputs */
.homepage-settings-panel input,
.homepage-settings-panel select,
.homepage-settings-panel textarea{
  width:100% !important;
  background:#fff !important;
  border:1px solid #d8d5cf !important;
  border-radius:2px !important;
  box-shadow:none !important;
  font-size:12px !important;
  min-height:44px;
}

.homepage-settings-panel textarea{
  min-height:92px !important;
  resize:vertical;
}

.homepage-settings-panel input:focus,
.homepage-settings-panel select:focus,
.homepage-settings-panel textarea:focus{
  outline:none;
  border-color:#888 !important;
}

/* Keep translation rows neat */
.homepage-settings-panel .two{
  gap:12px !important;
  margin-bottom:12px !important;
}

/* Single controls */
.homepage-settings-panel > input,
.homepage-settings-panel > textarea{
  margin-bottom:12px !important;
}

/* Hero image / URL */
#hp-hero-image{
  margin-top:2px !important;
}

/* Video area */
#homepage-video-form{
  max-width:none !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center;
  gap:14px !important;
}

#homepage-video-form input[type="file"]{
  min-height:44px;
  padding:10px !important;
}

#homepage-video-admin{
  padding:14px 16px;
  margin-top:12px !important;
  border:1px solid #e5e2dc;
  background:#faf9f7;
}

/* Video switches */
.homepage-settings-panel .check-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:36px;
  font-size:11px;
}

.homepage-settings-panel .check-row input{
  width:auto !important;
  min-height:auto !important;
}

/* New arrivals */
.new-arrivals-admin-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}

.new-arrivals-admin-grid > div{
  padding:16px !important;
  background:#faf9f7 !important;
  border:1px solid #e5e2dc !important;
}

.new-arrivals-admin-grid label{
  display:block;
  margin-bottom:8px !important;
  font-size:10px !important;
  letter-spacing:.8px;
  color:#777;
  text-transform:uppercase;
}

/* Poster Gallery */
.homepage-posters-admin{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:16px !important;
}

.homepage-posters-admin > *{
  min-width:0;
}

#homepage-poster-form{
  max-width:none !important;
  display:grid !important;
  grid-template-columns:1.15fr .85fr auto !important;
  align-items:center !important;
  gap:12px !important;
}

/* Wholesale section */
#hp-wholesale-title-de{
  margin-bottom:12px !important;
}

#hp-wholesale-text-en,
#hp-wholesale-text-zh,
#hp-wholesale-text-de{
  margin-bottom:12px !important;
}

#hp-wholesale-button-de{
  margin-top:0 !important;
}

/* Horizontal separators */
.homepage-settings-panel > hr{
  margin:34px 0 4px !important;
  border-top:1px solid #ece9e4 !important;
}

/* Buttons */
.homepage-settings-panel .btn{
  min-height:44px;
  white-space:nowrap;
}

/* Desktop */
@media(min-width:1100px){
  .homepage-settings-panel > #hp-kicker-en,
  .homepage-settings-panel > #hp-kicker-zh,
  .homepage-settings-panel > #hp-kicker-de,
  .homepage-settings-panel > #hp-title-en,
  .homepage-settings-panel > #hp-title-zh,
  .homepage-settings-panel > #hp-title-de{
    max-width:100%;
  }
}

/* Tablet */
@media(max-width:1000px){
  .homepage-settings-panel{
    padding:28px !important;
  }

  .new-arrivals-admin-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .homepage-posters-admin{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  #homepage-poster-form{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .homepage-admin-section{
    padding:30px 4vw 45px !important;
  }

  .homepage-settings-panel{
    padding:22px 18px !important;
  }

  .homepage-settings-panel > div:first-child{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .homepage-settings-panel > div:first-child .btn{
    width:100%;
    margin-top:14px;
  }

  .homepage-settings-panel .two{
    grid-template-columns:1fr !important;
  }

  .new-arrivals-admin-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .homepage-posters-admin{
    grid-template-columns:1fr 1fr !important;
  }

  #homepage-video-form,
  #homepage-poster-form{
    grid-template-columns:1fr !important;
  }
}


/* Homepage Settings: Chinese-first compact editor */

#hp-kicker-en,
#hp-kicker-de,
#hp-title-en,
#hp-title-de,
#hp-text-en,
#hp-text-de,
#hp-primary-en,
#hp-primary-de,
#hp-secondary-en,
#hp-secondary-de,
#hp-wholesale-title-en,
#hp-wholesale-title-de,
#hp-wholesale-text-en,
#hp-wholesale-text-de,
#hp-wholesale-button-en,
#hp-wholesale-button-de{
  display:none !important;
}

.homepage-settings-panel .two:has(#hp-kicker-en),
.homepage-settings-panel .two:has(#hp-title-en),
.homepage-settings-panel .two:has(#hp-primary-en),
.homepage-settings-panel .two:has(#hp-secondary-en),
.homepage-settings-panel .two:has(#hp-wholesale-title-en),
.homepage-settings-panel .two:has(#hp-wholesale-button-en){
  grid-template-columns:1fr !important;
}

#hp-kicker-zh,
#hp-title-zh,
#hp-primary-zh,
#hp-secondary-zh,
#hp-wholesale-title-zh,
#hp-wholesale-button-zh{
  grid-column:1 !important;
}


/* Homepage Hero: show all three languages */
#hp-kicker-en,
#hp-kicker-de,
#hp-title-en,
#hp-title-de,
#hp-text-en,
#hp-text-de,
#hp-primary-en,
#hp-primary-de,
#hp-secondary-en,
#hp-secondary-de{
  display:block !important;
}

.homepage-lang-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:18px 20px !important;
}

.homepage-lang-card{
  min-width:0;
  padding:16px !important;
  background:#faf9f7;
  border:1px solid #e4e1db;
}

.homepage-lang-card h4{
  margin:0 0 9px !important;
  font-size:13px !important;
  font-weight:500 !important;
}

.homepage-lang-card label{
  display:block;
  margin-bottom:7px;
  font-size:10px;
  color:#888;
  letter-spacing:1px;
}

.homepage-lang-card input,
.homepage-lang-card textarea{
  width:100% !important;
  min-width:0 !important;
}

.homepage-lang-grid-text .homepage-lang-card textarea{
  min-height:120px !important;
}

@media(max-width:900px){
  .homepage-lang-grid{
    grid-template-columns:1fr !important;
  }
}


/* Restore EN / DE fields after compact-editor legacy hide rules */
.homepage-settings-panel #hp-kicker-en,
.homepage-settings-panel #hp-kicker-de,
.homepage-settings-panel #hp-title-en,
.homepage-settings-panel #hp-title-de,
.homepage-settings-panel #hp-text-en,
.homepage-settings-panel #hp-text-de,
.homepage-settings-panel #hp-primary-en,
.homepage-settings-panel #hp-primary-de,
.homepage-settings-panel #hp-secondary-en,
.homepage-settings-panel #hp-secondary-de,
.homepage-settings-panel #hp-new-arrivals-title-en,
.homepage-settings-panel #hp-new-arrivals-title-de,
.homepage-settings-panel #hp-new-arrivals-text-en,
.homepage-settings-panel #hp-new-arrivals-text-de,
.homepage-settings-panel #hp-wholesale-title-en,
.homepage-settings-panel #hp-wholesale-title-de,
.homepage-settings-panel #hp-wholesale-text-en,
.homepage-settings-panel #hp-wholesale-text-de,
.homepage-settings-panel #hp-wholesale-button-en,
.homepage-settings-panel #hp-wholesale-button-de{
  display:block !important;
}

.homepage-settings-panel #hp-text-en,
.homepage-settings-panel #hp-text-de,
.homepage-settings-panel #hp-new-arrivals-text-en,
.homepage-settings-panel #hp-new-arrivals-text-de,
.homepage-settings-panel #hp-wholesale-text-en,
.homepage-settings-panel #hp-wholesale-text-de{
  display:block !important;
}


/* ===== Homepage Hero Background Image ===== */
#home .hero{
  position:relative !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(255,255,255,.90) 0%,
      rgba(255,255,255,.68) 32%,
      rgba(255,255,255,.22) 62%,
      rgba(255,255,255,.05) 100%
    ),
    url("/uploads/homepage-hero-bg.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Keep the existing circular Chaorong logo */
#home .hero-mark{
  position:relative !important;
  z-index:2 !important;
}


/* ===== Final Hero / Trust refinement ===== */

#home .hero{
  min-height:650px !important;
  position:relative !important;
  padding:78px 8.5vw !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(255,255,255,.68) 0%,
      rgba(255,255,255,.42) 30%,
      rgba(255,255,255,.13) 58%,
      rgba(255,255,255,.02) 100%
    ),
    url("/uploads/homepage-hero-bg.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

#home .hero > div:first-child{
  position:relative !important;
  z-index:3 !important;
  max-width:620px !important;
}

#home .hero small{
  color:#5f5b55 !important;
  letter-spacing:2.8px !important;
}

#home .hero h1{
  max-width:590px !important;
  font-size:62px !important;
  line-height:1.03 !important;
  margin:16px 0 22px !important;
}

#home .hero p{
  max-width:560px !important;
  color:#403d38 !important;
  line-height:1.75 !important;
  font-size:15px !important;
}

#home .hero-mark{
  width:190px !important;
  height:190px !important;
  border:0 !important;
  border-radius:50% !important;
  justify-self:end !important;
  align-self:start !important;
  margin-top:20px !important;
  background:#fff !important;
  box-shadow:0 12px 35px rgba(0,0,0,.10) !important;
  overflow:hidden !important;
  z-index:4 !important;
}

#home .hero-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

#home .trust{
  background:rgba(255,255,255,.97) !important;
  border-top:1px solid rgba(30,30,30,.10) !important;
}

#home .trust > span{
  min-height:100px;
  padding:22px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:7px !important;
}

#home .trust > span:not(:last-child){
  border-right:1px solid #e2dfda !important;
}

#home .trust > span > b{
  font-size:14px !important;
  letter-spacing:.5px !important;
  margin:0 !important;
}

#home .trust > span > span{
  color:#7a766f !important;
  font-size:11px !important;
  line-height:1.4 !important;
}

@media(max-width:1000px){
  #home .hero{
    grid-template-columns:1fr !important;
    min-height:600px !important;
  }

  #home .hero-mark{
    display:none !important;
  }

  #home .hero h1{
    font-size:54px !important;
  }
}

@media(max-width:560px){
  #home .hero{
    min-height:620px !important;
    padding:60px 6vw !important;
    background-position:62% center !important;
  }

  #home .hero h1{
    font-size:44px !important;
  }

  #home .trust > span{
    min-height:88px;
    padding:18px !important;
  }
}


/* =========================================================
   FULLSCREEN LUXURY HERO — CHAORONG JEWELRY
   ========================================================= */

/* Only overlay the header while Home is visible */
body:has(#home:not(.hidden)) header{
  position:absolute !important;
  top:0;
  left:0;
  width:100%;
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.20) !important;
  z-index:20 !important;
}

body:has(#home:not(.hidden)) header .brand,
body:has(#home:not(.hidden)) header nav{
  color:#fff !important;
}

body:has(#home:not(.hidden)) header nav a{
  color:#fff !important;
}

body:has(#home:not(.hidden)) header .tools select{
  color:#fff !important;
  background:transparent !important;
  border-color:rgba(255,255,255,.55) !important;
}

body:has(#home:not(.hidden)) header .cart{
  background:rgba(0,0,0,.65) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35);
}

/* Fullscreen hero */
#home .hero{
  min-height:100vh !important;
  height:100vh !important;
  padding:120px 8vw 145px !important;
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr) !important;
  align-items:center !important;
  overflow:hidden !important;

  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.50) 0%,
      rgba(0,0,0,.31) 35%,
      rgba(0,0,0,.10) 62%,
      rgba(0,0,0,.02) 100%
    ),
    url("/uploads/homepage-hero-bg.png") !important;

  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Hero copy */
#home .hero > div:first-child{
  position:relative !important;
  z-index:4 !important;
  max-width:650px !important;
}

#home .hero small{
  color:rgba(255,255,255,.82) !important;
  letter-spacing:3px !important;
  font-size:10px !important;
}

#home .hero h1{
  color:#fff !important;
  max-width:650px !important;
  font-size:64px !important;
  line-height:1.02 !important;
  margin:18px 0 24px !important;
  text-shadow:0 2px 16px rgba(0,0,0,.16);
}

#home .hero p{
  color:rgba(255,255,255,.88) !important;
  max-width:570px !important;
  font-size:15px !important;
  line-height:1.8 !important;
}

/* Hero buttons */
#home .hero .btn.dark{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}

#home .hero .btn:not(.dark){
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.75) !important;
  backdrop-filter:blur(4px);
}

/* Circular brand logo */
#home .hero-mark{
  width:175px !important;
  height:175px !important;
  justify-self:end !important;
  align-self:start !important;
  margin-top:10px !important;

  border:0 !important;
  border-radius:50% !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 14px 45px rgba(0,0,0,.24) !important;

  position:relative !important;
  z-index:5 !important;
}

#home .hero-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Trust strip becomes part of the hero */
body:has(#home:not(.hidden)) #home .trust{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:8 !important;

  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;

  background:rgba(0,0,0,.30) !important;
  border-top:1px solid rgba(255,255,255,.22) !important;
  border-bottom:0 !important;
  backdrop-filter:blur(8px);
}

body:has(#home:not(.hidden)) #home .trust > span{
  min-height:90px !important;
  padding:18px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:6px !important;

  color:#fff !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
}

body:has(#home:not(.hidden)) #home .trust > span:last-child{
  border-right:0 !important;
}

body:has(#home:not(.hidden)) #home .trust > span > b{
  color:#fff !important;
  font-size:14px !important;
  margin:0 !important;
  letter-spacing:.5px;
}

body:has(#home:not(.hidden)) #home .trust > span > span{
  color:rgba(255,255,255,.72) !important;
  font-size:11px !important;
}

/* Desktop spacing */
@media(min-width:1200px){
  #home .hero{
    padding-left:8vw !important;
    padding-right:8vw !important;
  }

  #home .hero-mark{
    margin-right:3vw !important;
    margin-top:5px !important;
  }
}

/* Tablet */
@media(max-width:1000px){
  #home .hero{
    height:auto !important;
    min-height:850px !important;
    grid-template-columns:1fr !important;
    padding:130px 7vw 150px !important;
    background-position:62% center !important;
  }

  #home .hero-mark{
    display:none !important;
  }

  body:has(#home:not(.hidden)) #home .trust{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

/* Mobile */
@media(max-width:560px){
  #home .hero{
    min-height:820px !important;
    padding:120px 6vw 170px !important;
    background-position:65% center !important;
  }

  #home .hero h1{
    font-size:44px !important;
  }

  #home .hero p{
    font-size:14px !important;
  }

  body:has(#home:not(.hidden)) #home .trust{
    grid-template-columns:repeat(2,1fr) !important;
  }

  body:has(#home:not(.hidden)) #home .trust > span{
    min-height:78px !important;
    padding:14px 16px !important;
  }
}


/* ===== Center Homepage Navigation ===== */

body:has(#home:not(.hidden)) header{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  padding:0 5vw !important;
}

body:has(#home:not(.hidden)) header .brand{
  justify-self:start !important;
  margin-right:0 !important;
}

body:has(#home:not(.hidden)) header nav{
  justify-self:center !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
}

body:has(#home:not(.hidden)) header .tools{
  justify-self:end !important;
}

/* ===== Trust Content ===== */

body:has(#home:not(.hidden)) #home .trust > span{
  text-align:left !important;
}

body:has(#home:not(.hidden)) #home .trust > span > b{
  font-size:15px !important;
  letter-spacing:.3px !important;
}

body:has(#home:not(.hidden)) #home .trust > span > span{
  font-size:11px !important;
  line-height:1.5 !important;
}

body:has(#home:not(.hidden)) #home .trust > span > span + span{
  margin-top:1px;
}

@media(max-width:1000px){
  body:has(#home:not(.hidden)) header{
    grid-template-columns:1fr auto !important;
  }

  body:has(#home:not(.hidden)) header nav{
    display:none !important;
  }
}


/* =========================================================
   GLOBAL HEADER — NAVIGATION ALWAYS CENTERED
   ========================================================= */

header{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr) !important;
  align-items:center !important;
  width:100% !important;
}

header .brand{
  justify-self:start !important;
  margin-right:0 !important;
}

header nav{
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  margin:0 !important;
}

header .tools{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
}

header nav a{
  white-space:nowrap !important;
}

/* Homepage overlay keeps the same centered structure */
body:has(#home:not(.hidden)) header{
  grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr) !important;
}

body:has(#home:not(.hidden)) header nav{
  gap:34px !important;
}

/* =========================================================
   COMPACT TRUST STRIP
   ========================================================= */

#home .trust{
  grid-template-columns:repeat(4,1fr) !important;
}

#home .trust > span{
  min-height:72px !important;
  height:72px !important;
  padding:12px 24px !important;
  justify-content:center !important;
  gap:4px !important;
}

#home .trust > span > b{
  font-size:13px !important;
  line-height:1.25 !important;
}

#home .trust > span > span{
  font-size:10px !important;
  line-height:1.35 !important;
}

@media(max-width:1100px){
  header{
    grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) !important;
  }

  header nav{
    gap:25px !important;
  }
}

@media(max-width:1000px){
  header{
    grid-template-columns:1fr auto !important;
  }

  header nav{
    display:none !important;
  }

  #home .trust{
    grid-template-columns:repeat(2,1fr) !important;
  }

  #home .trust > span{
    height:68px !important;
    min-height:68px !important;
  }
}

@media(max-width:560px){
  #home .trust{
    grid-template-columns:repeat(2,1fr) !important;
  }

  #home .trust > span{
    padding:10px 14px !important;
    height:64px !important;
    min-height:64px !important;
  }
}


/* =========================================================
   RESTORE ORIGINAL TRUST STRIP
   ========================================================= */

#home .trust{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;

  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;

  background:rgba(255,255,255,.97) !important;
  border-top:1px solid #ddd !important;
  border-bottom:1px solid #ddd !important;
  backdrop-filter:none !important;
}

#home .trust > span{
  min-height:90px !important;
  height:auto !important;
  padding:24px !important;

  display:block !important;
  color:#777 !important;
  font-size:12px !important;
  text-align:left !important;

  border-right:1px solid #ddd !important;
}

#home .trust > span:last-child{
  border-right:0 !important;
}

#home .trust > span > b{
  display:block !important;
  color:#111 !important;
  font-size:12px !important;
  margin-bottom:5px !important;
  letter-spacing:0 !important;
}

#home .trust > span > span{
  color:#777 !important;
  font-size:12px !important;
}

/* =========================================================
   RESTORE NORMAL LANGUAGE SELECT
   ========================================================= */

header .tools select{
  color:#111 !important;
  background:#fff !important;
  border:1px solid #ccc !important;
}

header .tools select option{
  color:#111 !important;
  background:#fff !important;
}

body:has(#home:not(.hidden)) header .tools select{
  color:#111 !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.20) !important;
}

body:has(#home:not(.hidden)) header .tools select option{
  color:#111 !important;
  background:#fff !important;
}

/* Keep centered navigation */
header nav{
  justify-self:center !important;
  justify-content:center !important;
  align-items:center !important;
  gap:34px !important;
  margin:0 !important;
}

/* =========================================================
   CHAORONG JEWELRY — SHOP CHAMPAGNE / GOLD THEME
   Homepage remains untouched.
   ========================================================= */

/* Shop page overall background */
#shop{
  background:
    linear-gradient(
      180deg,
      #f6f1e8 0%,
      #f8f5ef 38%,
      #f3eee5 100%
    ) !important;
}

/* Shop heading */
#shop > .pagehead{
  background:
    linear-gradient(180deg, rgba(255,255,255,.46), rgba(248,242,232,.92)) !important;
  border-bottom:1px solid rgba(173,137,70,.28) !important;
  padding-top:58px !important;
  padding-bottom:34px !important;
}

#shop > .pagehead small{
  color:#9d7d43 !important;
  letter-spacing:3px !important;
}

#shop > .pagehead h1{
  color:#1d1a17 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:52px !important;
  font-weight:400 !important;
  letter-spacing:-.4px !important;
}

/* Search / filter */
#shop .filters{
  gap:10px !important;
}

#shop .filters input,
#shop .filters select,
#shop .shop-products-tools input,
#shop .shop-products-tools select{
  background:rgba(255,255,255,.82) !important;
  color:#292521 !important;
  border:1px solid rgba(160,125,65,.38) !important;
  box-shadow:0 3px 12px rgba(80,60,30,.04) !important;
}

#shop .filters input:focus,
#shop .filters select:focus,
#shop .shop-products-tools input:focus,
#shop .shop-products-tools select:focus{
  outline:none !important;
  border-color:#a88952 !important;
  box-shadow:0 0 0 2px rgba(168,137,82,.10) !important;
}

/* All major shop sections */
#shop > section.section{
  position:relative !important;
}

#shop .section-title{
  border-bottom:1px solid rgba(173,137,70,.20) !important;
  padding-bottom:20px !important;
}

#shop .section-title small{
  color:#a1844d !important;
  letter-spacing:2.6px !important;
}

#shop .section-title h2{
  color:#24201c !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:400 !important;
}

#shop .section-title > a{
  color:#826632 !important;
}

/* Collections / brand cards */
#shop .home-brands-section,
#shop .shop-new-arrivals,
#shop .shop-all-products{
  background:rgba(255,255,255,.28) !important;
}

#shop .home-brands-grid > *,
#shop .shop-new-arrivals > *{
  border-color:rgba(166,132,72,.24) !important;
}

/* New Arrivals area */
#shop .shop-new-arrivals{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.70),
      rgba(238,226,205,.52)
    ) !important;
  border:1px solid rgba(169,134,71,.20) !important;
  box-shadow:0 12px 35px rgba(90,65,30,.05) !important;
}

#shop .shop-new-arrivals-copy small{
  color:#a18148 !important;
  letter-spacing:2.4px !important;
}

#shop .shop-new-arrivals-copy h2{
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:400 !important;
  color:#241f1a !important;
}

#shop .shop-new-arrivals-copy p{
  color:#625b52 !important;
}

#shop .shop-new-arrivals-link{
  color:#765c2c !important;
  border-bottom:1px solid rgba(118,92,44,.35) !important;
}

/* Product grids */
#shop .grid{
  gap:22px !important;
}

/* Product card */
#shop .card{
  background:#fffdf9 !important;
  border:1px solid rgba(166,132,72,.22) !important;
  box-shadow:0 5px 18px rgba(70,50,25,.045) !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease !important;
}

#shop .card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(166,132,72,.58) !important;
  box-shadow:0 14px 35px rgba(75,55,25,.10) !important;
}

/* Keep product image colors natural */
#shop .pic{
  background:#f4f0e8 !important;
}

#shop .pic img{
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* Product information */
#shop .info{
  background:#fffdf9 !important;
  border-top:1px solid rgba(166,132,72,.10) !important;
}

#shop .info h3{
  color:#26211d !important;
}

#shop .meta{
  color:#8b8175 !important;
}

#shop .price{
  color:#211d19 !important;
}

#shop .price .add,
#shop .add{
  background:#1e1b18 !important;
  color:#fff !important;
  border:1px solid #1e1b18 !important;
  transition:all .2s ease !important;
}

#shop .price .add:hover,
#shop .add:hover{
  background:#a48650 !important;
  border-color:#a48650 !important;
}

/* Featured poster area */
#shop .homepage-carousel-section{
  background:rgba(245,237,224,.50) !important;
}

/* All products section */
#shop .shop-all-products{
  border-top:1px solid rgba(166,132,72,.18) !important;
  margin-top:15px !important;
}

#shop .shop-products-tools{
  background:rgba(255,255,255,.28) !important;
  border:1px solid rgba(166,132,72,.16) !important;
  padding:14px !important;
  margin-bottom:28px !important;
}

/* Gold ornamental line above important headings */
#shop .section-title > div{
  position:relative !important;
}

#shop .section-title > div:after{
  content:"";
  display:block;
  width:38px;
  height:1px;
  background:#ad8b50;
  margin-top:13px;
  opacity:.72;
}

/* Mobile */
@media(max-width:700px){
  #shop > .pagehead{
    padding-top:42px !important;
    padding-bottom:28px !important;
  }

  #shop > .pagehead h1{
    font-size:42px !important;
  }

  #shop .grid{
    gap:12px !important;
  }

  #shop .card{
    box-shadow:0 4px 14px rgba(70,50,25,.04) !important;
  }

  #shop .shop-products-tools{
    padding:10px !important;
  }
}


/* New Arrivals module — clean white */
#shop .shop-new-arrivals{
  background:#fff !important;
  border:1px solid #e5e5e5 !important;
  box-shadow:none !important;
}

#shop .shop-new-arrivals-copy{
  background:#fff !important;
}

#shop .shop-new-arrivals-video{
  background:#fff !important;
}


/* ===== Homepage New Arrivals: restore champagne luxury look ===== */

#home #homepage-video-section .shop-new-arrivals{
  background:
    linear-gradient(
      135deg,
      rgba(250,245,237,.92) 0%,
      rgba(239,228,210,.72) 100%
    ) !important;
  border:1px solid rgba(166,132,72,.20) !important;
  box-shadow:none !important;
}

#home #homepage-video-section .shop-new-arrivals-copy{
  background:transparent !important;
}

#home #homepage-video-section .shop-new-arrivals-video{
  background:transparent !important;
}

#home #homepage-video-section .shop-new-arrivals-copy small{
  color:#9b7a42 !important;
}

#home #homepage-video-section .shop-new-arrivals-copy h2{
  color:#241f1a !important;
}

#home #homepage-video-section .shop-new-arrivals-copy p{
  color:#655d53 !important;
}


/* =========================================================
   HOMEPAGE MARBLE BACKGROUND
   Hero keeps its own background image.
   Marble texture starts below Hero and repeats vertically.
   ========================================================= */

#home{
  background-color:#f3eee5 !important;
  background-image:url("/uploads/homepage-marble-bg.png") !important;
  background-repeat:repeat-y !important;
  background-position:center top !important;
  background-size:1482px auto !important;
}

/* Keep the existing Hero completely independent */
#home .hero{
  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.50) 0%,
      rgba(0,0,0,.31) 35%,
      rgba(0,0,0,.10) 62%,
      rgba(0,0,0,.02) 100%
    ),
    url("/uploads/homepage-hero-bg.png") !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}

/* Let homepage sections reveal the marble background */
#home .section{
  background:transparent !important;
}

/* Keep content readable without turning everything into white cards */
#home .about-home-section,
#home .home-brands-section,
#home .homepage-carousel-section,
#home .shop-all-products{
  background:rgba(250,247,241,.72) !important;
}

/* Product image areas stay clean */
#home .pic{
  background:#f4f0e8 !important;
}


/* Only the About / Who We Are introduction gets a subtle white backdrop */
#home .about-intro .about-story-copy{
  background:rgba(255,255,255,.30) !important;
  padding:24px 28px !important;
  border-radius:8px !important;
  box-shadow:none !important;
}


/* WHERE WE ARE */
.where-we-are-section{
  padding:68px 0 0;
  background:transparent;
}

.where-we-are-wrap{
  width:min(100%,1280px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.18fr);
  gap:42px;
  align-items:stretch;
}

.where-we-are-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 0;
}

.where-we-are-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:17px;
  font-size:10px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#7d7367;
}

.where-we-are-kicker i{
  display:block;
  width:55px;
  height:1px;
  background:rgba(80,70,58,.35);
}

.where-we-are-copy h2{
  max-width:430px;
  margin:0;
  font:400 clamp(34px,3.2vw,50px)/1.08 Georgia,serif;
  letter-spacing:-.02em;
  color:#161513;
}

.where-we-are-city{
  margin-top:17px;
  font-size:11px;
  letter-spacing:3.2px;
  color:#9a7e59;
}

.where-we-are-copy p{
  max-width:490px;
  margin:20px 0 0;
  font-size:13px;
  line-height:1.85;
  color:#55504a;
}

.where-we-are-signature{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:24px;
  font-size:9px;
  line-height:1.5;
  letter-spacing:2.4px;
  color:#47423c;
}

.where-we-are-image{
  width:88%;
  min-height:390px;
  justify-self:end;
  position:relative;
  overflow:hidden;
  background:#eee9df;
}

.where-we-are-image img{
  width:100%;
  height:100%;
  min-height:390px;
  display:block;
  object-fit:cover;
}

.where-we-are-image-label{
  position:absolute;
  right:20px;
  bottom:18px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  color:#fff;
  text-shadow:0 1px 9px rgba(0,0,0,.35);
}

.where-we-are-image-label span{
  font-size:10px;
  letter-spacing:3.5px;
}

.where-we-are-image-label small{
  margin-top:4px;
  font-size:8px;
  letter-spacing:2.5px;
}

.where-we-are-meta{
  width:min(100%,1280px);
  margin:0 auto;
  padding:25px 0 0;
  display:grid;
  grid-template-columns:auto 1px minmax(260px,1fr) 1px minmax(280px,1fr);
  align-items:center;
  gap:22px;
}

.where-we-are-meta-item{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.where-we-are-meta-item strong{
  font-size:9px;
  letter-spacing:2px;
  font-weight:500;
  color:#44403a;
}

.where-we-are-meta-item span,
.where-we-are-meta-note{
  font-size:10px;
  color:#827b72;
  line-height:1.55;
}

.where-we-are-meta-wide{
  padding-right:10px;
}

.where-we-are-meta-divider{
  width:1px;
  height:32px;
  background:rgba(70,65,58,.18);
}

@media (max-width:900px){
  .where-we-are-section{
    padding:48px 20px 0;
  }

  .where-we-are-wrap{
    width:100%;
    grid-template-columns:1fr;
    gap:24px;
  }

  .where-we-are-copy{
    padding:0;
  }

  .where-we-are-copy h2{
    font-size:38px;
  }

  .where-we-are-image{
    width:100%;
    min-height:360px;
  }

  .where-we-are-image img{
    min-height:360px;
  }

  .where-we-are-meta{
    width:100%;
    padding-top:28px;
    grid-template-columns:1fr;
    gap:18px;
  }

  .where-we-are-meta-divider{
    display:none;
  }
}

@media (max-width:560px){
  .where-we-are-copy h2{
    font-size:34px;
  }

  .where-we-are-image{
    min-height:300px;
  }

  .where-we-are-image img{
    min-height:300px;
  }
}

/* EU MARKET COMPLIANCE */
.eu-compliance-section{
  padding:82px 0 20px;
}

.eu-compliance-head{
  width:min(100%,1280px);
  margin:0 auto 40px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);
  gap:70px;
  align-items:end;
}

.eu-compliance-head small{
  display:block;
  margin-bottom:16px;
  font-size:10px;
  letter-spacing:3px;
  color:#80776d;
}

.eu-compliance-head h2{
  max-width:700px;
  margin:0;
  font:400 clamp(31px,3.2vw,48px)/1.12 Georgia,serif;
  color:#171614;
}

.eu-compliance-head p{
  margin:0;
  max-width:440px;
  font-size:13px;
  line-height:1.9;
  color:#67615a;
}

.eu-compliance-grid{
  width:min(100%,1280px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(60,55,48,.22);
  border-bottom:1px solid rgba(60,55,48,.22);
}

.eu-compliance-grid article{
  min-height:245px;
  padding:24px 24px 26px;
  border-right:1px solid rgba(60,55,48,.16);
}

.eu-compliance-grid article:last-child{
  border-right:0;
}

.eu-compliance-grid article > span{
  display:block;
  margin-bottom:25px;
  font-size:9px;
  letter-spacing:2px;
  color:#a08a70;
}

.eu-compliance-grid article > b{
  display:block;
  margin-bottom:15px;
  font-size:12px;
  letter-spacing:2px;
  font-weight:500;
  color:#36322d;
}

.eu-compliance-grid h3{
  margin:0 0 13px;
  font:400 20px/1.25 Georgia,serif;
  color:#25221f;
}

.eu-compliance-grid p{
  margin:0;
  font-size:12px;
  line-height:1.8;
  color:#706a62;
}

.eu-compliance-note{
  width:min(100%,1280px);
  margin:22px auto 0;
  font-size:10px;
  line-height:1.7;
  letter-spacing:.3px;
  color:#8b8378;
}

@media (max-width:900px){
  .eu-compliance-section{
    padding:58px 20px 15px;
  }

  .eu-compliance-head{
    width:100%;
    grid-template-columns:1fr;
    gap:22px;
    margin-bottom:28px;
  }

  .eu-compliance-grid{
    width:100%;
    grid-template-columns:1fr 1fr;
  }

  .eu-compliance-grid article{
    min-height:220px;
  }

  .eu-compliance-grid article:nth-child(2){
    border-right:0;
  }

  .eu-compliance-grid article:nth-child(3),
  .eu-compliance-grid article:nth-child(4){
    border-top:1px solid rgba(60,55,48,.16);
  }
}

@media (max-width:560px){
  .eu-compliance-grid{
    grid-template-columns:1fr;
  }

  .eu-compliance-grid article{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid rgba(60,55,48,.16);
  }

  .eu-compliance-grid article:last-child{
    border-bottom:0;
  }
}


/* Structured B2B inquiry fields */
.inquiry-structured-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.inquiry-structured-fields input,
.inquiry-structured-fields select{
  width:100%;
  min-width:0;
}

@media (max-width:700px){
  .inquiry-structured-fields{
    grid-template-columns:1fr;
  }
}



/* MOBILE CLEAN — preserve desktop composition, scale proportionally */
@media (max-width:1000px){
  html,body{width:100%;min-width:0;max-width:none;overflow-x:hidden}
  main{width:100%;min-width:0;max-width:none}
  #home{width:100%;min-width:0;max-width:none}

  #home .hero{
    width:100% !important;
    min-height:calc(100svh - 0px) !important;
    height:auto !important;
    padding:70px 6vw 92px !important;
    grid-template-columns:1.2fr .8fr !important;
    gap:18px !important;
    align-items:center !important;
  }
  #home .hero > div:first-child{min-width:0 !important}
  #home .hero h1{font-size:clamp(34px,7.8vw,58px) !important;line-height:1 !important}
  #home .hero p{font-size:clamp(10px,2.5vw,15px) !important;line-height:1.65 !important;max-width:100% !important}
  #home .hero-mark{display:grid !important;width:clamp(120px,30vw,210px) !important;height:clamp(120px,30vw,210px) !important;border-width:clamp(12px,3vw,22px) !important;font-size:clamp(25px,6vw,42px) !important}

  #home .trust,
  body:has(#home:not(.hidden)) #home .trust{
    position:relative !important;
    left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
    width:100% !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    border-bottom:1px solid #ddd !important;
  }
  #home .trust > span{
    min-width:0 !important;width:auto !important;
    padding:16px 10px !important;
    text-align:left !important;
    overflow:hidden !important;
    white-space:normal !important;
  }
  #home .trust > span > b{font-size:clamp(8px,2.2vw,12px) !important;white-space:nowrap !important;word-break:keep-all !important}
  #home .trust > span > span{font-size:clamp(7px,1.8vw,10px) !important;line-height:1.35 !important;word-break:keep-all !important;overflow-wrap:normal !important}

  #home .section{padding-left:6vw !important;padding-right:6vw !important}
}

@media (max-width:560px){
  #home .hero{padding:62px 5vw 72px !important;grid-template-columns:1.18fr .82fr !important;gap:10px !important}
  #home .hero h1{font-size:34px !important}
  #home .hero p{font-size:10px !important}
  #home .hero-mark{width:120px !important;height:120px !important;border-width:12px !important;font-size:24px !important}
  #home .trust > span{padding:11px 5px !important}
  #home .trust > span > b{font-size:8px !important}
  #home .trust > span > span{font-size:6.5px !important}
}

/* MOBILE HERO — exact proportional scaling of desktop 16:9 composition */
@media (max-width:1000px){
  #home .hero{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    box-sizing:border-box !important;
    padding:5.5vw 6vw 6vw !important;
    overflow:hidden !important;
  }

  #home .hero > div:first-child{
    transform:none !important;
    min-width:0 !important;
  }

  #home .hero h1{
    font-size:clamp(34px,7.8vw,58px) !important;
    line-height:1 !important;
    margin:1vw 0 1.4vw !important;
  }

  #home .hero p{
    font-size:clamp(10px,2.5vw,15px) !important;
    line-height:1.6 !important;
    margin:0 0 1.5vw !important;
  }

  #home .hero-mark{
    width:clamp(120px,30vw,210px) !important;
    height:clamp(120px,30vw,210px) !important;
  }

  #home .trust{
    position:relative !important;
    width:100% !important;
    margin:0 !important;
  }
}

@media (max-width:560px){
  #home .hero{
    aspect-ratio:16 / 9 !important;
    padding:5vw 5vw 5vw !important;
  }

  #home .hero h1{
    font-size:34px !important;
  }

  #home .hero p{
    font-size:10px !important;
  }

  #home .hero-mark{
    width:120px !important;
    height:120px !important;
  }
}