/* ============================================
   PACKISTRY — PRIMARY PACKAGING PAGE
   ============================================ */

.primary-intro-section { background: var(--bg-white); }

.primary-intro-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-2xl);
  align-items: center;
}

.primary-intro-content .eyebrow {
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-gold);
  margin-bottom: var(--sp-sm);
  display: block;
}

.primary-intro-content h2 {
  font-size: var(--fs-2xl);
  margin-bottom: var(--sp-md);
  line-height: 1.2;
}

.primary-intro-content p { margin-bottom: var(--sp-md); font-size: var(--fs-base); line-height: 1.8; }

.primary-intro-img {
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 4/3;
}

.primary-intro-img .img-placeholder {
  width: 100%;
  height: 100%;
  min-height: 320px;
}

/* Primary product grid */
.primary-products-section {
  background: var(--bg-white);
  padding: 54px 0 62px;
}

.primary-products-heading { margin-bottom: 28px; }
.primary-products-heading .eyebrow {
  color: var(--color-gold);
  display: block;
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.primary-products-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.primary-product-card {
  background: var(--bg-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-sm);
  box-shadow: 0 4px 14px rgba(18, 35, 58, 0.08);
  color: var(--color-navy);
  display: block;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

.primary-product-card img {
  aspect-ratio: 1 / 1;
  background: var(--bg-light);
  display: block;
  object-fit: cover;
  width: 100%;
}

.primary-product-card span {
  display: block;
  font-size: var(--fs-base);
  font-weight: 700;
  padding: 16px 12px;
}

.primary-product-card:hover {
  box-shadow: 0 10px 24px rgba(18, 35, 58, 0.15);
  transform: translateY(-4px);
}

/* Types grid */
.types-section { background: var(--bg-light); }

.types-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-md);
}

@media (max-width: 767px) {
  .primary-intro-layout { grid-template-columns: 1fr; gap: 28px; }
  .primary-intro-img { order: -1; }
  .primary-intro-img .img-placeholder { min-height: 220px; }
  .types-grid { grid-template-columns: 1fr 1fr; }
  .primary-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 440px) {
  .primary-products-section { padding: 42px 0; }
  .primary-products-grid { gap: 14px; }
  .primary-product-card span { font-size: var(--fs-sm); padding: 12px 8px; }
}

/* Primary packaging visual showcase */
.primary-products-section{background:var(--bg-white);padding:0}.primary-showcase{padding:54px 0 30px;background:var(--bg-white)}.primary-showcase-hero{min-height:430px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:30px}.primary-showcase-copy{padding:28px 0}.primary-showcase-copy .eyebrow{color:var(--color-gold);font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.primary-showcase-copy h2{color:var(--color-navy);font-family:Georgia,serif;font-size:clamp(40px,4vw,68px);line-height:.98;letter-spacing:-.045em;margin:12px 0 22px}.primary-showcase-copy h2 em{color:#bd9158}.primary-showcase-copy>p{color:#253449;font-size:18px;line-height:1.55;max-width:510px}.primary-showcase-image{align-self:stretch;min-height:400px;overflow:hidden;border-radius:20px 0 0 20px;box-shadow:-20px 20px 35px rgba(13,34,55,.12)}.primary-showcase-image img{width:100%;height:100%;display:block;object-fit:cover}.primary-promises{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px}.primary-promises div{border-left:1px solid #cebda8;padding:0 12px;font-size:11px;text-transform:uppercase}.primary-promises div:first-child{border:0;padding-left:0}.primary-promises b{display:block;color:#b89155;margin-bottom:5px}.primary-products-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:24px 0 22px}.primary-product-card{background:var(--bg-white);border:1px solid var(--color-gray-200);border-radius:11px;box-shadow:var(--shadow-sm);color:#fff;display:block;overflow:hidden;position:relative;text-align:center;text-decoration:none;transition:.2s}.primary-product-card img{aspect-ratio:1.42/1;display:block;object-fit:cover;padding:0;width:100%}.primary-product-card span{background:#102b46;bottom:0;display:block;font-size:12px;font-weight:700;left:0;letter-spacing:.06em;padding:8px 5px;position:absolute;right:0;text-transform:uppercase}.primary-product-card:hover{transform:translateY(-4px);box-shadow:0 9px 22px rgba(18,35,58,.22)}.primary-benefits{background:linear-gradient(105deg,#0b263f,#102e49);padding:20px 0}.primary-benefits-inner{display:grid;align-items:center;gap:24px;grid-template-columns:repeat(3,1fr) auto;color:#fff}.primary-benefits p{border-right:1px solid rgba(214,177,117,.5);font-size:12px;margin:0;padding-right:18px}.primary-benefits b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.primary-benefits a{background:linear-gradient(135deg,#d7b176,#b98748);border-radius:6px;color:#102b46;font-size:12px;font-weight:800;letter-spacing:.08em;padding:14px 19px;text-decoration:none;text-transform:uppercase;white-space:nowrap}@media(max-width:767px){.primary-showcase{padding-top:28px}.primary-showcase-hero{grid-template-columns:1fr;gap:8px}.primary-showcase-image{border-radius:14px;min-height:270px;order:-1}.primary-showcase-copy h2{font-size:42px}.primary-promises{grid-template-columns:repeat(2,1fr);gap:16px 0}.primary-promises div:nth-child(3){border-left:0;padding-left:0}.primary-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.primary-benefits-inner{grid-template-columns:1fr;gap:15px}.primary-benefits p{border-right:0;border-bottom:1px solid rgba(214,177,117,.35);padding-bottom:12px}.primary-benefits a{text-align:center}}.primary-showcase{padding:0}.primary-showcase-hero{display:block;min-height:0}.primary-showcase-image{border-radius:0;box-shadow:none;min-height:0}.primary-showcase-image img{height:auto;max-height:none;object-fit:contain}@media(max-width:767px){.primary-showcase-image{min-height:0}.primary-showcase-image img{height:auto}}.primary-product-card{display:flex;flex-direction:column}.primary-product-card img{aspect-ratio:1.42/1;height:auto;object-fit:contain;padding:0;mix-blend-mode:normal}.primary-product-card span{bottom:auto;left:auto;position:static;right:auto;margin-top:auto;min-height:35px;display:flex;align-items:center;justify-content:center;line-height:1.1}.primary-showcase .container{max-width:1600px;width:100%;padding-left:32px;padding-right:32px}.primary-products-grid{gap:18px;padding-top:28px;padding-bottom:28px}@media(max-width:767px){.primary-showcase .container{padding-left:16px;padding-right:16px}.primary-products-grid{gap:12px;padding-top:18px;padding-bottom:18px}}.primary-showcase .container{max-width:none;padding-left:0;padding-right:0}.primary-products-grid{padding-left:0;padding-right:0}@media(max-width:767px){.primary-showcase .container{padding-left:0;padding-right:0}.primary-products-grid{padding-left:8px;padding-right:8px}}@media(min-width:768px){.primary-showcase .container{padding-left:24px;padding-right:24px}.primary-products-grid{padding-left:0;padding-right:0}}
/* Primary packaging information */
.primary-info-section{background:var(--bg-dark);color:var(--text-on-dark);padding:76px 24px 84px}.primary-info-content{margin:0 auto;max-width:1060px}.primary-info-content h2{color:var(--text-on-dark);font-family:var(--font-serif);font-size:clamp(27px,2.4vw,38px);line-height:1.2;margin:0 0 38px;text-align:center}.primary-info-content h2:not(:first-child){margin-top:58px}.primary-info-content p{color:#fff;font-family:var(--font-serif);font-size:16px;line-height:1.9;margin:0 0 20px}.primary-info-content .primary-info-lead{font-weight:700}@media(max-width:767px){.primary-info-section{padding:52px 20px}.primary-info-content h2{font-size:28px;margin-bottom:28px}.primary-info-content h2:not(:first-child){margin-top:42px}.primary-info-content p{font-size:15px;line-height:1.75}}