/* Boxes showcase for the homepage's split stylesheet path. */
.wp-catalog-root-item[href] { text-decoration: none; }
.wp-box-menu-showcase { box-sizing: border-box; width: 100%; height: 100%; max-height: 100%; min-height: 0; display: grid; grid-template-columns: minmax(300px,.82fr) minmax(0,1.8fr); gap: 8px; padding: 8px 0; }
.wp-box-menu-showcase__intro,.wp-box-menu-showcase__mosaic { box-sizing: border-box; min-width: 0; min-height: 0; overflow: hidden; border-radius: 7px; text-decoration: none; }
.wp-box-menu-showcase__intro { display: flex; flex-direction: column; align-items: flex-start; background: #fcebe9; color: var(--wp-v27-ink); padding: clamp(30px,4.1vh,36px) clamp(28px,2vw,35px) 20px; transition: box-shadow .18s ease,transform .18s ease; }
.wp-box-menu-showcase__intro:hover,.wp-box-menu-showcase__intro:focus-visible { box-shadow: 0 13px 30px rgba(106,63,47,.1); transform: translateY(-1px); }
.wp-box-menu-showcase__eyebrow { display: inline-flex; align-items: center; gap: 13px; color: var(--wp-v27-pink); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; line-height: 1.25; text-transform: uppercase; white-space: nowrap; }
.wp-box-menu-showcase__eyebrow::after { width: 30px; height: 2px; flex: 0 0 auto; background: var(--wp-v27-pink); content: ""; }
.wp-box-menu-showcase__copy { display: grid; justify-items: start; }
.wp-box-menu-showcase__title { max-width: 100%; margin-top: clamp(26px,3.5vh,31px); font-family: "TT Norms","Cocon-Regular",Arial,sans-serif; font-size: clamp(44px,3vw,56px); font-weight: 700; letter-spacing: -.045em; line-height: .98; }
.wp-box-menu-showcase__title em { display: block; color: var(--wp-v27-pink); font-style: normal; }
.wp-box-menu-showcase__description { max-width: 360px; margin-top: 14px; color: #706864; font-size: 17px; line-height: 1.35; }
.wp-box-menu-showcase__cta { width: 100%; min-height: 46px; height: 7.9%; max-height: 55px; display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: clamp(20px,2.5vh,24px); border-radius: 5px; background: var(--wp-v27-pink); color: #fff; font-size: clamp(14px,.95vw,17px); font-weight: 700; box-shadow: 0 10px 23px rgba(196,30,80,.18); }
.wp-box-menu-showcase__cta::after { width: 16px; height: 16px; display: block; background: currentColor; content: ""; -webkit-mask: var(--wp-catalog-arrow-right) center/contain no-repeat; mask: var(--wp-catalog-arrow-right) center/contain no-repeat; transition: transform .16s ease; }
.wp-box-menu-showcase__intro:hover .wp-box-menu-showcase__cta,.wp-box-menu-showcase__intro:focus-visible .wp-box-menu-showcase__cta { background: #a91945; }
.wp-box-menu-showcase__intro:hover .wp-box-menu-showcase__cta::after,.wp-box-menu-showcase__intro:focus-visible .wp-box-menu-showcase__cta::after { transform: translateX(4px); }
.wp-box-menu-showcase__benefits { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 24px; }
.wp-box-menu-showcase__benefits > span { min-width: 0; display: grid; justify-items: center; gap: 7px; text-align: center; }
.wp-box-menu-showcase__benefits > span:nth-child(4) { display: none; }
.wp-box-menu-showcase__benefits > span > span { width: clamp(34px,2.15vw,42px); height: clamp(34px,2.15vw,42px); display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--wp-v27-pink); }
.wp-box-menu-showcase__benefits svg { width: 22px; height: 22px; fill: currentColor; }
.wp-box-menu-showcase__benefits strong { color: #4d4744; font-size: clamp(10.5px,.65vw,12px); font-weight: 600; line-height: 1.15; }
.wp-box-menu-showcase__signoff { width: 100%; justify-content: center; align-items: center; pointer-events: none; }
.wp-box-menu-showcase__signoff--desktop { display: flex; margin-block: auto; padding: 10px 4px 4px; }
.wp-box-menu-showcase__signoff img { width: min(100%,286px); height: auto; display: block; object-fit: contain; }
.wp-box-menu-showcase__signoff--mobile,.wp-box-menu-showcase__art { display: none; }
.wp-box-menu-showcase__mosaic { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: 1.05fr 1fr 1fr; gap: 8px; background: #fff; box-shadow: 0 8px 22px rgba(83,54,42,.05); }
.wp-box-menu-showcase__photo { min-width: 0; min-height: 0; overflow: hidden; border-radius: 5px; background: #f7eee8; }
.wp-box-menu-showcase__photo--gift { grid-column: 1/6; grid-row: 1; }
.wp-box-menu-showcase__photo--floral { grid-column: 6/10; grid-row: 1; }
.wp-box-menu-showcase__photo--white { grid-column: 10/13; grid-row: 1; }
.wp-box-menu-showcase__photo--navy { grid-column: 1/5; grid-row: 2; }
.wp-box-menu-showcase__photo--window { grid-column: 5/10; grid-row: 2; }
.wp-box-menu-showcase__photo--round { grid-column: 10/13; grid-row: 2; }
.wp-box-menu-showcase__photo--open { grid-column: 1/4; grid-row: 3; }
.wp-box-menu-showcase__photo--gable { grid-column: 4/6; grid-row: 3; }
.wp-box-menu-showcase__photo--black { grid-column: 6/10; grid-row: 3; }
.wp-box-menu-showcase__photo--color { grid-column: 10/13; grid-row: 3; }
.wp-box-menu-showcase__photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform .35s ease; }
.wp-box-menu-showcase__mosaic:hover .wp-box-menu-showcase__photo img,.wp-box-menu-showcase__mosaic:focus-visible .wp-box-menu-showcase__photo img { transform: scale(1.018); }
@media (min-width:1101px) {
  .wp-catalog-root-panel:is([data-catalog-root-id="3"],[data-catalog-root-id="189"],[data-catalog-root-id="149"]) { height: 100%; max-height: 100%; overflow: hidden; }
  .wp-catalog-root-panel:is([data-catalog-root-id="3"],[data-catalog-root-id="189"],[data-catalog-root-id="149"]) .wp-box-menu-showcase { width: 100%; height: auto; aspect-ratio: 1232/697; align-self: start; padding-top: 26px; }
}
@media (max-width:1100px) and (min-width:761px) {
  .wp-box-menu-showcase { grid-template-columns: minmax(250px,.82fr) minmax(0,1.8fr); }
  .wp-box-menu-showcase__intro { padding-inline: 24px; }
  .wp-box-menu-showcase__title { font-size: clamp(34px,4.2vw,46px); }
}
@media (min-width:901px) {
  .wp-box-menu-showcase__signoff--desktop { min-height: 0; flex: 1 1 0; align-items: flex-end; margin: 16px 0 0; padding: 0 4px 4px; }
  .wp-box-menu-showcase__signoff--desktop img { width: auto; max-width: min(100%,286px); max-height: 100%; }
}
@media (min-width:901px) and (max-height:820px) {
  .wp-box-menu-showcase__signoff--desktop { margin-top: 8px; padding-bottom: 0; }
  .wp-box-menu-showcase__signoff--desktop img { max-width: min(100%,230px); }
}
@media (min-width:901px) and (max-height:900px) {
  html[lang^="ru"] .wp-box-menu-showcase__intro { padding-top: 32px; }
  html[lang^="ru"] .wp-box-menu-showcase__benefits { margin-top: 16px; }
  html[lang^="ru"] .wp-box-menu-showcase__signoff--desktop img { max-width: min(100%,180px); }
}
@media (min-width:1101px) {
  html[lang^="ru"] .wp-box-menu-showcase__title em { width: max-content; letter-spacing: clamp(-4.9px,calc(-2.3px - .135vw),-4.25px); }
}
@media (min-width:901px) and (min-height:901px) {
  .wp-box-menu-showcase__intro { padding-top: 32px; }
  .wp-box-menu-showcase__title { margin-top: 24px; }
  .wp-box-menu-showcase__description { margin-top: 10px; }
  .wp-box-menu-showcase__cta { margin-top: 18px; }
  .wp-box-menu-showcase__benefits { margin-top: 16px; }
}
@media (min-width:1601px) {
  .wp-box-menu-showcase__intro { padding-top: 28px; }
  .wp-box-menu-showcase__title { margin-top: 16px; font-size: 49px; }
  .wp-box-menu-showcase__description { margin-top: 8px; }
  .wp-box-menu-showcase__cta { margin-top: 10px; }
  .wp-box-menu-showcase__benefits { margin-top: 12px; }
}
@media (min-width:901px) and (max-height:650px) {
  .wp-box-menu-showcase__signoff--desktop { display: none; }
}
@media (max-width:760px) {
  .wp-catalog-mobile-root > a { box-sizing: border-box; width: 100%; min-height: 44px; display: grid; grid-template-columns: 22px minmax(0,1fr) 16px; align-items: center; gap: 9px; border: 0; border-bottom: 1px solid var(--wp-v27-line); background: transparent; color: var(--wp-v27-ink); padding: 3px 5px 3px 3px; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.18; text-align: left; text-decoration: none; }
  .wp-catalog-mobile-root > a::after { width: 14px; height: 14px; display: block; justify-self: end; background: currentColor; color: var(--wp-v27-red); content: ""; -webkit-mask: var(--wp-catalog-caret-right) center/contain no-repeat; mask: var(--wp-catalog-caret-right) center/contain no-repeat; }
  .wp-catalog-mobile-root > a:hover,.wp-catalog-mobile-root > a:focus-visible { background: #fff0f4; color: var(--wp-v27-pink); }
  .wp-box-menu-showcase { height: auto; grid-template-columns: minmax(0,1fr); gap: 8px; padding: 10px 0 2px; }
  .wp-box-menu-showcase__intro { position: relative; width: 100%; height: auto; min-height: 306px; aspect-ratio: 475/431; display: block; padding: 17px 13px 10px; isolation: isolate; }
  .wp-box-menu-showcase__eyebrow { position: relative; z-index: 3; gap: 9px; font-size: 8px; }
  .wp-box-menu-showcase__eyebrow::after { width: 24px; }
  .wp-box-menu-showcase__copy { position: relative; z-index: 3; width: 46%; margin-top: 8px; }
  .wp-box-menu-showcase__title { max-width: 100%; margin: 0; font-size: clamp(26px,7.2vw,29px); line-height: .93; }
  .wp-box-menu-showcase__description { max-width: 100%; margin-top: 22px; font-size: 11.5px; line-height: 1.25; }
  .wp-box-menu-showcase__cta { position: absolute; z-index: 5; bottom: 89px; left: 13px; width: 46%; min-height: 39px; gap: 6px; margin: 0; font-size: 11.5px; white-space: nowrap; }
  .wp-box-menu-showcase__cta::after { width: 15px; height: 15px; }
  .wp-box-menu-showcase__art { position: absolute; z-index: 1; top: 47px; right: -1px; width: 52%; display: block; pointer-events: none; }
  .wp-box-menu-showcase__art img { width: 100%; height: auto; display: block; object-fit: contain; object-position: right top; }
  .wp-box-menu-showcase__signoff--desktop { display: none; }
  .wp-box-menu-showcase__signoff--mobile { position: absolute; z-index: 3; top: 8px; right: clamp(28px,9.6vw,42px); width: 25.5%; display: block; transform: rotate(-2deg); transform-origin: center; }
  .wp-box-menu-showcase__signoff--mobile img { width: 100%; }
  .wp-box-menu-showcase__benefits { position: absolute; z-index: 4; right: 13px; bottom: 7px; left: 13px; width: auto; height: 62px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; margin: 0; }
  .wp-box-menu-showcase__benefits > span,.wp-box-menu-showcase__benefits > span:nth-child(4) { min-width: 0; display: grid; grid-template-rows: 21px auto; align-content: start; justify-items: center; gap: 4px; border: 1px solid rgba(227,193,194,.55); border-radius: 6px; background: rgba(255,255,255,.96); padding: 10px 2px 0; text-align: center; box-shadow: 0 7px 16px rgba(115,75,62,.055); }
  .wp-box-menu-showcase__benefits > span > span { width: 28px; height: 21px; border-radius: 0; background: transparent; }
  .wp-box-menu-showcase__benefits svg { width: 20px; height: 20px; }
  .wp-box-menu-showcase__benefits strong { max-width: 76px; min-height: 18px; font-size: 8.5px; line-height: 1.06; }
  .wp-box-menu-showcase__mosaic { height: 520px; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: 1.08fr .94fr 1.05fr .94fr .9fr; gap: 5px; }
  .wp-box-menu-showcase__photo { border-radius: 4px; }
  .wp-box-menu-showcase__photo--gift { grid-column: 1/8; grid-row: 1; }
  .wp-box-menu-showcase__photo--floral { grid-column: 8/13; grid-row: 1; }
  .wp-box-menu-showcase__photo--white { grid-column: 1/5; grid-row: 2; }
  .wp-box-menu-showcase__photo--navy { grid-column: 5/13; grid-row: 2; }
  .wp-box-menu-showcase__photo--window { grid-column: 1/8; grid-row: 3; }
  .wp-box-menu-showcase__photo--round { grid-column: 8/13; grid-row: 3; }
  .wp-box-menu-showcase__photo--open { grid-column: 1/8; grid-row: 4; }
  .wp-box-menu-showcase__photo--gable { grid-column: 8/13; grid-row: 4; }
  .wp-box-menu-showcase__photo--black { grid-column: 1/8; grid-row: 5; }
  .wp-box-menu-showcase__photo--color { grid-column: 8/13; grid-row: 5; }
  .wp-box-menu-showcase__intro:hover,.wp-box-menu-showcase__intro:focus-visible { box-shadow: none; transform: none; }
}

/* Gift-bag assets and tile placement from the approved menu prototype.
   The intro, typography, geometry and navigation remain shared with boxes. */
.wp-box-menu-showcase__photo--bag-pastel { grid-column: 1/6; grid-row: 1; }
.wp-box-menu-showcase__photo--bag-navy-tall { grid-column: 6/9; grid-row: 1; }
.wp-box-menu-showcase__photo--bag-winter-red { grid-column: 9/13; grid-row: 1; }
.wp-box-menu-showcase__photo--bag-kraft { grid-column: 1/4; grid-row: 2; }
.wp-box-menu-showcase__photo--bag-balloons { grid-column: 4/8; grid-row: 2; }
.wp-box-menu-showcase__photo--bag-winter-blue { grid-column: 8/13; grid-row: 2; }
.wp-box-menu-showcase__photo--bag-ivory-bow { grid-column: 1/5; grid-row: 3; }
.wp-box-menu-showcase__photo--bag-floral { grid-column: 5/9; grid-row: 3; }
.wp-box-menu-showcase__photo--bag-burgundy { grid-column: 9/13; grid-row: 3; }
@media (max-width:760px) {
  .wp-bag-menu-showcase .wp-box-menu-showcase__art { top: 67px; width: 46%; }
  .wp-bag-menu-showcase .wp-box-menu-showcase__mosaic { grid-template-rows: repeat(4,minmax(0,1fr)); }
  .wp-box-menu-showcase__photo--bag-pastel { grid-column: 1/7; grid-row: 1; }
  .wp-box-menu-showcase__photo--bag-winter-red { grid-column: 7/13; grid-row: 1; }
  .wp-box-menu-showcase__photo--bag-kraft { grid-column: 1/7; grid-row: 2; }
  .wp-box-menu-showcase__photo--bag-balloons { grid-column: 7/13; grid-row: 2; }
  .wp-box-menu-showcase__photo--bag-navy-tall { grid-column: 1/5; grid-row: 3/5; }
  .wp-box-menu-showcase__photo--bag-winter-blue { grid-column: 5/13; grid-row: 3; }
  .wp-box-menu-showcase__photo--bag-ivory-bow { grid-column: 5/9; grid-row: 4; }
  .wp-box-menu-showcase__photo--bag-burgundy { grid-column: 9/13; grid-row: 4; }
  .wp-box-menu-showcase__photo--bag-floral { display: none; }
}

/* Expanded photographic backgrounds; scale is tied to the accepted original
   contain frame, not to cover, so only the added scenery is cropped. */
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo { position: relative; container-type: size; --pack-scale: 3; --pack-ratio: 1; --pack-offset-x: 0; --pack-offset-y: 0; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo img { position: absolute; left: 50%; top: 50%; width: min(calc(100cqw * var(--pack-scale)),calc(100cqh * var(--pack-ratio) * var(--pack-scale))); height: auto; max-width: none; margin-left: calc(min(100cqw,calc(100cqh * var(--pack-ratio))) * var(--pack-offset-x) / 100); margin-top: calc(min(calc(100cqw / var(--pack-ratio)),100cqh) * var(--pack-offset-y) / 100); transform: translate(-50%,-50%); transition: none; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__mosaic:is(:hover,:focus-visible) .wp-box-menu-showcase__photo img { transform: translate(-50%,-50%); }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo { background: url('/src/images/packaging-bag-menu-backdrop-extended-v2.webp') center/cover no-repeat; }
/* Feather added scenery only; the central product remains fully opaque. */
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo img { mask-image: linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent); mask-composite: intersect; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-floral { --pack-scale: 2.23230; --pack-ratio: 1.4250000; --pack-offset-x: 1.35779; --pack-offset-y: 8.12852; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-navy-tall { --pack-scale: 2.35838; --pack-ratio: 1.2535714; --pack-offset-x: -3.05239; --pack-offset-y: -1.97254; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-balloons { --pack-scale: 2.04583; --pack-ratio: 1.0964286; --pack-offset-x: 1.65014; --pack-offset-y: 7.50000; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-kraft-handle { --pack-scale: 2.23641; --pack-ratio: 1.4777778; --pack-offset-x: 0.00270; --pack-offset-y: -0.66791; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-kraft-fold { --pack-scale: 2.35126; --pack-ratio: 1.3000000; --pack-offset-x: 2.00567; --pack-offset-y: 5.48463; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-ivory-bow { --pack-scale: 1.82766; --pack-ratio: 1.1370370; --pack-offset-x: 3.73148; --pack-offset-y: 2.19558; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-kraft-pouch { --pack-scale: 2.54386; --pack-ratio: 1.2829582; --pack-offset-x: -0.07161; --pack-offset-y: 3.55994; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-clear-zip { --pack-scale: 2.60328; --pack-ratio: 1.1286174; --pack-offset-x: 0.79381; --pack-offset-y: 10.06120; }
.wp-packaging-bag-menu-showcase .wp-box-menu-showcase__photo--pack-bag-pink-mailer { --pack-scale: 2.60317; --pack-ratio: 0.9871383; --pack-offset-x: -0.71310; --pack-offset-y: 3.01558; }
.wp-box-menu-showcase__photo--pack-bag-floral { grid-column: 1/6; grid-row: 1; }
.wp-box-menu-showcase__photo--pack-bag-navy-tall { grid-column: 6/9; grid-row: 1; }
.wp-box-menu-showcase__photo--pack-bag-balloons { grid-column: 9/13; grid-row: 1; }
.wp-box-menu-showcase__photo--pack-bag-kraft-handle { grid-column: 1/6; grid-row: 2; }
.wp-box-menu-showcase__photo--pack-bag-kraft-fold { grid-column: 6/10; grid-row: 2; }
.wp-box-menu-showcase__photo--pack-bag-ivory-bow { grid-column: 10/13; grid-row: 2; }
.wp-box-menu-showcase__photo--pack-bag-kraft-pouch { grid-column: 1/6; grid-row: 3; }
.wp-box-menu-showcase__photo--pack-bag-clear-zip { grid-column: 6/10; grid-row: 3; }
.wp-box-menu-showcase__photo--pack-bag-pink-mailer { grid-column: 10/13; grid-row: 3; }
@media (max-width:760px) {
  .wp-packaging-bag-menu-showcase .wp-box-menu-showcase__art { top: 67px; right: 3px; bottom: 76px; width: 46%; }
  .wp-packaging-bag-menu-showcase .wp-box-menu-showcase__art img { width: 100%; height: 100%; object-fit: contain; object-position: right top; }
  .wp-packaging-bag-menu-showcase .wp-box-menu-showcase__mosaic { grid-template-rows: repeat(4,minmax(0,1fr)); }
  .wp-box-menu-showcase__photo--pack-bag-navy-tall { display: none; }
  .wp-box-menu-showcase__photo--pack-bag-floral { grid-column: 1/7; grid-row: 1; }
  .wp-box-menu-showcase__photo--pack-bag-balloons { grid-column: 7/13; grid-row: 1; }
  .wp-box-menu-showcase__photo--pack-bag-kraft-handle { grid-column: 1/7; grid-row: 2; }
  .wp-box-menu-showcase__photo--pack-bag-kraft-fold { grid-column: 7/13; grid-row: 2; }
  .wp-box-menu-showcase__photo--pack-bag-ivory-bow { grid-column: 1/7; grid-row: 3; }
  .wp-box-menu-showcase__photo--pack-bag-clear-zip { grid-column: 7/13; grid-row: 3; }
  .wp-box-menu-showcase__photo--pack-bag-kraft-pouch { grid-column: 1/7; grid-row: 4; }
  .wp-box-menu-showcase__photo--pack-bag-pink-mailer { grid-column: 7/13; grid-row: 4; }
}