/*
Theme Name: Professor of Perfume
Theme URI: https://professorofperfume.com
Author: POP
Description: Custom WooCommerce theme for POP — Professor of Perfume. Minimal cinematic navigation, mobile-first menu, animated product interactions, hero offer slider, FAQ tabs, and animated testimonials, built on a black/red heist-inspired identity.
Version: 2.0
Requires PHP: 7.4
Text Domain: pop-theme
*/

:root{
  --pop-black: #0a0a0a;
  --pop-black-soft: #141414;
  --pop-red: #c8102e;
  --pop-red-dim: #7c0a1c;
  --pop-gold: #d4af6a;
  --pop-off-white: #ede9e3;
  --pop-grey: #8a8a8a;
  --pop-radius: 2px;
  --pop-ease: cubic-bezier(.22,.9,.32,1);
}

* { box-sizing: border-box; }

body{
  background: var(--pop-black);
  color: var(--pop-off-white);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
  overflow-x: hidden;
}

h1,h2,h3,h4{
  font-family: 'Bebas Neue', 'Oswald', Impact, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pop-off-white);
  margin: 0 0 0.4em;
}

a{ color: inherit; text-decoration: none; }
img{ max-width: 100%; display: block; }

.pop-container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

.pop-eyebrow{
  color: var(--pop-red);
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 0.25em;
  font-size: 13px;
  text-transform: uppercase;
}

.pop-btn{
  display: inline-block;
  background: var(--pop-red);
  color: #fff;
  padding: 14px 32px;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 0.12em;
  font-size: 15px;
  border: none;
  cursor: pointer;
  transition: transform .25s var(--pop-ease), background .25s var(--pop-ease);
}
.pop-btn:hover{ background: #e0132f; transform: translateY(-2px); }

@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}