:root{
  --kh-red:#ed1637;
  --kh-ink:#151515;
  --kh-paper:#fff;
  --kh-canvas:#f4f2ee;
  --kh-gold:#b98937;
  --kh-soft-border:#ece7e1;
}

html{scroll-behavior:smooth}
body{background:var(--kh-canvas);color:var(--kh-ink)}

/* Final shared shell follows the seven approved reference screens. */
.kh-header{
  position:sticky;
  inset-block-start:0;
  z-index:80;
  background:rgba(255,255,255,.985);
  border-bottom:1px solid var(--kh-soft-border);
  box-shadow:0 8px 30px rgba(35,24,18,.045);
  backdrop-filter:blur(18px);
}
.kh-header-inner{
  width:min(1380px,calc(100% - 40px));
  max-width:none;
  min-height:94px;
  margin-inline:auto;
  padding:10px 8px 7px;
  display:grid;
  grid-template-columns:1fr minmax(260px,auto) 1fr;
  grid-template-rows:51px 26px;
  grid-template-areas:
    "golsar brand tools"
    "nav nav nav";
  align-items:center;
  gap:0 24px;
  direction:ltr;
}
.kh-golsar{grid-area:golsar;justify-self:start;display:flex;width:auto;height:auto;align-items:center;gap:8px;direction:ltr;color:#251f1a}
.kh-golsar img{width:42px;height:42px;object-fit:contain;filter:sepia(.8) saturate(.7) brightness(.52)}
.kh-golsar>span{display:grid;line-height:1;text-align:left}
.kh-golsar b{font:800 14px/1.05 Arial,sans-serif;letter-spacing:.3px}
.kh-golsar small{margin-top:4px;font:600 6px/1 Arial,sans-serif;letter-spacing:1.6px;color:#71675e}
.kh-brand{grid-area:brand;justify-self:center;display:flex;align-items:center;gap:9px;direction:rtl}
.kh-brand img{width:45px;height:51px;object-fit:contain}
.kh-brand span{font-size:15px;font-weight:700;line-height:1.1;text-align:right;white-space:nowrap}
.kh-brand small{display:block;margin-top:5px;font:600 6px/1 Arial,sans-serif;letter-spacing:2.1px;color:#444}
.kh-header-tools{grid-area:tools;justify-self:end;display:flex;align-items:center;gap:8px;direction:rtl}
.kh-icon-btn,.kh-search-btn{height:38px;border:0;background:#f8f7f5;border-radius:11px;color:#151515;box-shadow:none}
.kh-icon-btn{width:40px;padding:0;display:grid;place-content:center;gap:4px}
.kh-icon-btn span{display:block;width:21px;height:2px;background:currentColor;border-radius:2px}
.kh-search-btn{width:250px;padding:0 12px;display:flex;align-items:center;gap:9px;direction:rtl;color:#77716b}
.kh-search-btn svg{width:19px;height:19px;flex:none;stroke:#161616}
.kh-search-label{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kh-desktop-nav{grid-area:nav;justify-self:center;display:flex;align-items:center;gap:0;direction:rtl}
.kh-desktop-nav a{position:relative;padding:4px 28px;font-size:10.5px;font-weight:650;color:#292522}
.kh-desktop-nav a+a:before{content:"";position:absolute;right:0;top:50%;width:1px;height:10px;background:#d9d4cf;transform:translateY(-50%)}
.kh-desktop-nav a:hover,.kh-desktop-nav a.active{color:var(--kh-red)}
.kh-desktop-nav a.active:after{content:"";position:absolute;right:28px;left:28px;bottom:0;height:2px;background:var(--kh-red);border-radius:2px}

.kh-drawer{background:linear-gradient(180deg,#fff 0,#fff 72%,#fff5f6 100%);border-left:4px solid var(--kh-red)}
.kh-drawer-head{background:#151515}
.kh-drawer nav a,.kh-drawer nav button{font-weight:650}
.kh-drawer nav a:hover,.kh-drawer nav button:hover,.kh-drawer nav .active{color:var(--kh-red);background:#fff0f2}

.kh-search-panel{background:rgba(250,248,245,.985)}
.kh-search-panel form{border:1px solid #dad3cd;border-radius:18px;box-shadow:0 22px 70px rgba(38,25,18,.12)}
.kh-search-panel form button{background:var(--kh-red)}

body>main,
body>.product-detail-main{
  width:min(1380px,calc(100% - 40px));
  margin-inline:auto;
}

.kh-footer{
  width:min(1380px,calc(100% - 40px));
  margin:28px auto 0;
  padding:0 28px;
  display:block;
  background:#111214;
  color:#fff;
  border-top:4px solid var(--kh-red);
  border-radius:18px 18px 0 0;
}
.kh-footer::after{content:none!important;display:none!important}
.kh-footer-main{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:16px 0}
.kh-footer-identity{display:flex;align-items:center;gap:18px;direction:ltr}
.kh-footer-golsar{width:52px;filter:grayscale(1) brightness(0) invert(1);opacity:.92}
.kh-footer-brand{display:flex;align-items:center;gap:9px;direction:rtl}
.kh-footer-brand img{width:39px;filter:brightness(0) invert(1)}
.kh-footer-brand strong,.kh-footer-brand span{display:block}
.kh-footer-brand strong{font-size:12px}.kh-footer-brand span{font:600 6px/1.4 Arial;letter-spacing:1.7px;color:#aaa}
.kh-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 21px;font-size:10.5px}
.kh-footer nav a{color:#ddd}.kh-footer nav a:hover{color:#fff}
.kh-footer-support{display:flex;align-items:center;gap:9px;border:1px solid #3d3d3f;border-radius:999px;background:#1c1d20;color:#fff;padding:9px 13px;cursor:pointer}
.kh-footer-support i{width:8px;height:8px;border-radius:50%;background:#21d260;box-shadow:0 0 0 4px rgba(33,210,96,.12)}
.kh-footer-support span,.kh-footer-support small{display:block}.kh-footer-support span{font-size:10.5px;font-weight:700}.kh-footer-support small{font-size:8px;color:#999;font-weight:400}
.kh-footer>p{margin:0;padding:11px 0 15px;border-top:1px solid #303033;text-align:center;color:#aaa;font-size:9.5px}

@media(max-width:920px){
  .kh-header-inner{
    width:100%;min-height:72px;height:72px;padding:0 13px;
    grid-template-columns:68px minmax(0,1fr) 68px;
    grid-template-rows:72px;
    grid-template-areas:"golsar brand tools";
    gap:0;
  }
  .kh-desktop-nav{display:none}
  .kh-golsar{justify-self:start;gap:0}.kh-golsar img{width:38px;height:38px}.kh-golsar>span{display:none}
  .kh-brand{justify-self:center;gap:6px}.kh-brand img{width:39px;height:46px}.kh-brand span{font-size:12.5px}.kh-brand small{font-size:5.2px;letter-spacing:1.55px}
  .kh-header-tools{justify-self:end;gap:1px}.kh-search-btn,.kh-icon-btn{width:32px;height:36px;padding:0;background:transparent}.kh-search-label{display:none}.kh-search-btn svg{width:20px}
  body>main,body>.product-detail-main{width:100%;margin-inline:auto}
  .kh-footer{width:100%;margin-top:22px;padding:0 17px;border-radius:0}
  .kh-footer-main{grid-template-columns:1fr auto;gap:16px;padding:21px 0}
  .kh-footer-identity{gap:10px}.kh-footer-golsar{width:46px}.kh-footer-brand img{width:34px}.kh-footer-brand strong{font-size:10px}
  .kh-footer nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:10px 6px;font-size:9.5px}
  .kh-footer-support{padding:8px 10px}.kh-footer-support small{display:none}.kh-footer>p{font-size:9px}
}

@media(max-width:380px){
  .kh-header-inner{grid-template-columns:56px minmax(0,1fr) 56px;padding-inline:8px}
  .kh-brand span{font-size:11px}.kh-brand img{width:35px}.kh-golsar img{width:34px}
}