/* Peter Hyderabad — Black & Gold Header (Style 3, full black) */
.phh-header{
	--phh-gold:#C9A24B;
	--phh-gold-2:#E9C877;
	--phh-ink:#0B0B0B;
	--phh-line:rgba(201,162,75,.28);
	position:relative;z-index:9000;background:var(--phh-ink);color:#fff;
	font-family:"Archivo","Helvetica Neue",Arial,sans-serif;
}
.phh-header *{box-sizing:border-box}

/* Top bar */
.phh-bar{background:#000;border-bottom:1px solid var(--phh-line)}
.phh-bar__inner{max-width:1560px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:26px;padding:9px 20px;flex-wrap:nowrap}
.phh-bar__item{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--phh-gold-2);white-space:nowrap}
.phh-bar__ic{width:14px;height:14px;flex:none;color:var(--phh-gold)}
.phh-bar__sep{width:5px;height:5px;border-radius:50%;background:var(--phh-gold);opacity:.5;flex:none}

/* Main row — 3 equal tracks keep the brand centred even when the burger hides */
.phh-main{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 20px}
.phh-burger{grid-column:1;justify-self:start}
.phh-brand{grid-column:2;justify-self:center;text-align:center;text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;line-height:1}
.phh-tools{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px}

.phh-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:#fff;background:none;border:0;cursor:pointer;position:relative;text-decoration:none;transition:color .18s}
.phh-icon:hover{color:var(--phh-gold-2)}
.phh-cart__count{position:absolute;top:6px;right:4px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--phh-gold);color:#0B0B0B;font-size:10px;font-weight:800;border-radius:999px}

/* Brand */
.phh-brand__logo{display:block;width:auto}
.phh-word1{font-size:clamp(26px,4vw,44px);font-weight:800;letter-spacing:.34em;padding-left:.34em;
	background:linear-gradient(180deg,var(--phh-gold-2),var(--phh-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.phh-word2{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:clamp(11px,1.4vw,15px);font-weight:600;letter-spacing:.42em;padding-left:.42em;color:#Eee}
.phh-rule{width:clamp(20px,4vw,46px);height:1px;background:var(--phh-gold);opacity:.7}
.phh-tag{margin-top:7px;font-size:10px;letter-spacing:.36em;color:var(--phh-gold);opacity:.85}

/* Nav */
.phh-nav{border-top:1px solid var(--phh-line)}
.phh-nav__list{max-width:1560px;margin:0 auto;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:34px;padding:14px 20px}
.phh-nav__list a{color:#EDEDED;text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:color .18s;padding:2px 0;position:relative}
.phh-nav__list a:hover{color:var(--phh-gold-2)}
.phh-nav__list .current-menu-item>a{color:#fff}
.phh-nav__list .current-menu-item>a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--phh-gold)}
.phh-nav__list .phh-sale>a{color:var(--phh-gold);font-weight:700}
.phh-nav__list .menu-item-has-children>a::after{content:" ▾";font-size:9px;opacity:.7}
/* submenus */
.phh-nav__list li{position:relative}
.phh-nav__list ul.sub-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);min-width:180px;background:#111;border:1px solid var(--phh-line);border-radius:4px;padding:8px 0;list-style:none;opacity:0;visibility:hidden;transition:.16s;z-index:20}
.phh-nav__list li:hover>ul.sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.phh-nav__list ul.sub-menu a{display:block;padding:8px 18px;letter-spacing:.08em}

/* Search bar */
.phh-searchbar{border-top:1px solid var(--phh-line);background:#0B0B0B}
.phh-searchbar form{max-width:1560px;margin:0 auto;padding:12px 20px}
.phh-searchbar input{width:100%;height:46px;padding:0 16px;background:#151515;border:1px solid var(--phh-line);border-radius:4px;color:#fff;font-size:15px}
.phh-searchbar input::placeholder{color:#888}
.phh-searchbar input:focus{outline:none;border-color:var(--phh-gold)}

/* Drawer (mobile) */
.phh-drawer{position:fixed;inset:0;z-index:9999}
.phh-drawer__scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.6);cursor:pointer}
.phh-drawer__panel{position:absolute;top:0;left:0;height:100%;width:min(320px,86vw);background:var(--phh-ink);border-right:1px solid var(--phh-line);padding:64px 22px 22px;overflow:auto;animation:phh-slide .22s ease}
.phh-drawer__close{position:absolute;top:12px;right:12px}
.phh-drawer__list{list-style:none;margin:0;padding:0}
.phh-drawer__list a{display:block;padding:13px 4px;color:#EDEDED;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.07)}
.phh-drawer__list a:hover{color:var(--phh-gold-2)}
.phh-drawer__list ul.sub-menu{list-style:none;margin:0;padding:0 0 0 14px}
.phh-drawer__list ul.sub-menu a{font-size:12.5px;opacity:.85;border-bottom:0;padding:9px 4px}
@keyframes phh-slide{from{transform:translateX(-100%)}to{transform:none}}

/* Responsive */
@media(max-width:900px){
	.phh-nav{display:none}
	.phh-main{grid-template-columns:auto 1fr auto}
	.phh-burger{grid-column:1}
	.phh-brand{grid-column:2;justify-self:center}
	.phh-tools{grid-column:3}
	/* top bar becomes a tidy horizontal scroller instead of wrapping */
	.phh-bar__inner{justify-content:flex-start;overflow-x:auto;gap:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.phh-bar__inner::-webkit-scrollbar{display:none}
	.phh-bar__item{font-size:10px;letter-spacing:.1em}
	.phh-bar__ic{width:12px;height:12px}
}
@media(min-width:901px){
	.phh-burger{display:none}
	/* keep the brand optically centred: left (empty) and right (tools) tracks match */
	.phh-main{grid-template-columns:1fr auto 1fr}
}
@media(max-width:600px){
	.phh-main{padding:12px 14px}
	.phh-word1{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.phh-drawer__panel{animation:none}}