/* Gift-shaped category navigation. */
.category-grid{row-gap:34px;column-gap:28px}
.gift-box-tile{aspect-ratio:.82;background:transparent;overflow:visible;isolation:isolate}
.box-body{position:absolute;inset:30% 2% 0;overflow:hidden;border:1px solid #6f463633;border-radius:0 0 4px 4px;background:var(--box-paper)}
.gift-box-tile .box-body .art{position:absolute;inset:0}
.box-lid{position:absolute;z-index:2;top:18%;left:0;width:100%;height:12%;background:var(--box-paper);clip-path:polygon(4% 0,96% 0,100% 25%,100% 100%,0 100%,0 25%);border-bottom:2px solid #6f463624}
.box-lid::before{content:'';position:absolute;top:0;left:0;right:0;height:25%;background:#ffffff35}
.box-lid::after{content:'';position:absolute;left:4%;right:4%;top:25%;bottom:0;background-image:url('masthead-cocoa.webp');background-size:500% auto;background-position:5% 65%;opacity:.14}
.box-bow{position:absolute;z-index:3;top:0;left:24%;width:52%;height:28%;object-fit:contain;pointer-events:none}
.gift-box-tile .tile-label{z-index:4;bottom:16px;max-width:calc(100% - 34px);min-width:62%;font-size:clamp(17px,1.5vw,21px)}
.gift-box-tile:hover .box-lid{filter:brightness(1.025)}
@media(max-width:800px){.category-grid{gap:28px 18px}.gift-box-tile .tile-label{font-size:17px;bottom:12px;padding:9px 10px}}
@media(max-width:560px){.category-grid{gap:24px 16px}.gift-box-tile{aspect-ratio:.70}.box-body{inset:28% 2% 0}.box-lid{top:17%;height:11%}.box-bow{left:20%;width:60%;height:27%}.gift-box-tile .tile-label{bottom:10px;font-size:15px;min-width:76%;max-width:calc(100% - 18px);padding:8px 7px}}

.gift-box-tile:hover .box-body .art{transform:none}