/* Likhit Pens — Corporate Gifting Page */
.corporate-hero{background:var(--color-velvet-navy);padding:calc(var(--navbar-height-desktop)+var(--space-9)) 0 var(--space-9);text-align:center;position:relative;overflow:hidden;}
.corporate-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 30px,rgba(201,168,76,0.03) 30px,rgba(201,168,76,0.03) 31px);}
.corporate-hero h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(2.5rem,6vw,4.5rem);color:white;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-4);}
.corporate-hero p{font-size:var(--text-md);color:rgba(255,255,255,0.6);max-width:600px;margin:0 auto var(--space-7);font-weight:var(--weight-light);}
.stats-strip{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap;padding:var(--space-5) 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);margin-top:var(--space-7);}
.stat-item{text-align:center;}
.stat-number{display:block;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-antique-gold);}
.stat-label{font-size:var(--text-xs);color:rgba(255,255,255,0.5);letter-spacing:var(--tracking-wide);text-transform:uppercase;}
.gift-box-section{background:var(--color-velvet-navy);padding:var(--space-11) 0;}
.gift-boxes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);justify-items:center;}
@media(max-width:1023px){.gift-boxes-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:767px){.gift-boxes-grid{grid-template-columns:1fr;}}

/* ── Gift Box Card — Animation #4 ── */
.gift-box-card {
  width: 100%;
  max-width: 300px;
  cursor: pointer;
  position: relative;
}

.gift-box-wrapper {
  position: relative;
  width: 100%;
  height: 420px;
  perspective: 900px;
}

/* ── BODY — the full box base, always visible ── */
.gift-box-body {
  position: absolute;
  left: 0; right: 0;
  bottom: 0;
  top: 108px;
  background: linear-gradient(170deg, #0f1e38 0%, #091525 100%);
  border: 1px solid rgba(201,168,76,0.25);
  border-top: none;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  transition: border-color 0.3s, box-shadow 0.3s;
}

/* Vertical ribbon on body — stops before the details zone */
.gift-box-body::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 128px;
  left: 50%;
  width: 2px;
  background: linear-gradient(180deg, var(--color-antique-gold) 0%, rgba(201,168,76,0.35) 65%, transparent 100%);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}

/* Gold glow from bottom */
.gift-box-body::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 40% at 50% 100%, rgba(201,168,76,0.07) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* ── Pen image — occupies the upper portion of the body ── */
.gift-pen-visual {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  bottom: 128px; /* exactly above the pen-details zone */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
  opacity: 0;
  transform: translateY(18px) scale(0.94);
  transition: opacity 0.45s ease 0.2s, transform 0.45s ease 0.2s;
  z-index: 2;
}

.gift-pen-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}

/* ── Pen details — pinned to bottom, never overlaps the image ── */
.pen-details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 128px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  text-align: center;
  padding: 0 16px 16px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.35s ease 0.3s, transform 0.35s ease 0.3s;
  background: linear-gradient(to top, rgba(9,21,37,0.96) 0%, rgba(9,21,37,0.7) 55%, transparent 100%);
}

.pen-name {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  color: white;
}

.pen-minimum {
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.06em;
}

.pen-price-label {
  font-family: var(--font-mono);
  font-size: 0.95rem;
  color: var(--color-antique-gold);
  margin: 3px 0 8px;
}

/* ── LID — sits on top, flips up on hover ── */
.gift-box-lid {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 120px;
  background: linear-gradient(150deg, #1c3050 0%, #0e1f35 100%);
  border: 1px solid rgba(201,168,76,0.45);
  border-radius: 12px 12px 4px 4px;
  z-index: 10;
  transform-origin: top center;
  transform: rotateX(0deg);
  transition: transform 0.6s cubic-bezier(0.34, 1.4, 0.64, 1), box-shadow 0.4s ease;
  box-shadow: 0 6px 24px rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Lid shimmer overlay */
.gift-box-lid::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(201,168,76,0.1) 0%, transparent 55%);
  pointer-events: none;
}

/* Ribbon horizontal across lid */
.ribbon-h {
  position: absolute;
  left: 0; right: 0;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(201,168,76,0.6) 15%, var(--color-antique-gold) 50%, rgba(201,168,76,0.6) 85%, transparent 100%);
  transform: translateY(-50%);
}

/* Ribbon vertical across lid */
.ribbon-v {
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 2px;
  background: linear-gradient(180deg, transparent 0%, rgba(201,168,76,0.6) 15%, var(--color-antique-gold) 50%, rgba(201,168,76,0.6) 85%, transparent 100%);
  transform: translateX(-50%);
}

/* Bow at intersection of ribbons */
.box-bow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  z-index: 3;
  filter: drop-shadow(0 2px 10px rgba(201,168,76,0.5));
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.4s ease;
}

/* LIKHIT brand on lid */
.box-brand {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-body);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.3em;
  color: rgba(201,168,76,0.4);
  z-index: 3;
}

/* ── HOVER / OPEN STATE ── */
.gift-box-card:hover .gift-box-lid,
.gift-box-card.open .gift-box-lid {
  transform: rotateX(-145deg);
  box-shadow: 0 -16px 40px rgba(201,168,76,0.12);
}

.gift-box-card:hover .box-bow,
.gift-box-card.open .box-bow {
  transform: translate(-50%, -50%) scale(0) rotate(90deg);
  filter: drop-shadow(0 0 0 transparent);
}

.gift-box-card:hover .gift-pen-visual,
.gift-box-card.open .gift-pen-visual {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.gift-box-card:hover .pen-details,
.gift-box-card.open .pen-details {
  opacity: 1;
  transform: translateY(0);
}

/* ── btn-sm inside the gift box ── */
.pen-details .btn-primary.btn-sm {
  font-size: 10px;
  letter-spacing: 0.15em;
  padding: 7px 18px;
  margin-top: 4px;
}

.gift-box-card:hover .gift-box-body,
.gift-box-card.open .gift-box-body {
  border-color: rgba(201,168,76,0.5);
  box-shadow: 0 0 40px rgba(201,168,76,0.06);
}

/* ── Hover hint ── */
.hover-hint {
  text-align: center;
  font-size: 11px;
  color: rgba(255,255,255,0.22);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-top: 10px;
  transition: opacity 0.3s;
}

.gift-box-card:hover .hover-hint,
.gift-box-card.open .hover-hint {
  opacity: 0;
}
.value-props{background:var(--color-ink-black);padding:var(--space-10) 0;}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);}
@media(max-width:1023px){.value-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.value-grid{grid-template-columns:1fr;}}
.value-item{text-align:center;padding:var(--space-5);}
.value-icon{width:52px;height:52px;border-radius:50%;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.3);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-antique-gold);}
.value-title{font-family:var(--font-display);font-size:var(--text-lg);color:white;margin-bottom:var(--space-2);}
.value-desc{font-size:var(--text-sm);color:rgba(255,255,255,0.5);line-height:var(--leading-relaxed);}
.corporate-form-section{background:var(--color-ink-black);padding:var(--space-11) 0;border-top:1px solid rgba(201,168,76,0.1);}
.corporate-form-wrap{max-width:720px;margin:0 auto;background:rgba(255,255,255,0.03);border:1px solid rgba(201,168,76,0.2);border-radius:var(--radius-lg);padding:var(--space-8);}
.corporate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-6);}
@media(max-width:767px){.corporate-form-grid{grid-template-columns:1fr;}}
.corporate-form-grid .form-group,.corporate-form-full{margin-bottom:var(--space-5);}
.corporate-form-full{grid-column:1/-1;}
.form-select.dark-bg,.form-textarea.dark-bg{color:rgba(255,255,255,0.9);border-bottom-color:rgba(255,255,255,0.2);}
.sectors-section{background:var(--color-ink-black);padding:var(--space-9) 0;}
.sectors-grid{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap;}
.sector-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:rgba(255,255,255,0.4);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:color 0.2s;}
.sector-item:hover{color:var(--color-antique-gold);}
.sector-item svg{width:36px;height:36px;}
