.beehive-section{background:transparent;min-height:80vh;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden;padding:40px 20px 80px}.beehive-hexagon-container{display:grid;grid-template-columns:repeat(5,minmax(120px,200px));grid-template-rows:repeat(3,minmax(120px,180px));gap:5px;max-width:1200px;width:100%;margin:0 auto;height:auto;position:relative;justify-content:center;justify-items:center;align-items:center;overflow:visible}.hexagon{position:relative;cursor:pointer;transition:transform .3s ease;width:176px;height:200px;margin:0}.hexagon-shape{width:100%;height:100%;background:linear-gradient(135deg,gold,orange);clip-path:polygon(50% 0%,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 25px #ffa50040;opacity:1;backface-visibility:hidden}.hexagon-content{text-align:center;padding:15px;color:#2c1810}.hexagon-emoji{font-size:40px;display:block;margin-bottom:8px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.hexagon-icon{width:50px;height:50px;object-fit:contain;margin-bottom:8px}.hexagon-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.2}@media (min-width: 1024px){.hex-center{grid-column:3;grid-row:2;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;margin-top:-20px}.hex-top-left{grid-column:2;grid-row:1;align-self:end;justify-self:end;margin-right:-30px;margin-bottom:-25px}.hex-top-right{grid-column:4;grid-row:1;align-self:end;justify-self:start;margin-left:-30px;margin-bottom:-25px}.hex-mid-left{grid-column:1;grid-row:2;align-self:center;justify-self:end;margin-right:-20px}.hex-mid-right{grid-column:5;grid-row:2;align-self:center;justify-self:start;margin-left:-20px}.hex-bottom-left{grid-column:2;grid-row:3;align-self:start;justify-self:end;margin-right:-30px;margin-top:-25px}.hex-bottom-right{grid-column:4;grid-row:3;align-self:start;justify-self:start;margin-left:-30px;margin-top:-25px}}.hex-center .honey-jar-wrapper{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;animation:honeyFloat 4s ease-in-out infinite}@keyframes honeyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}.honey-jar-img,.honey-jar-emoji{width:200px;height:200px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:120px;filter:drop-shadow(0 10px 30px rgba(255,165,0,.3))}.honey-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);animation:pulseGlow 3s ease-in-out infinite;pointer-events:none}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.hexagon{transition:transform .3s ease,filter .3s ease;transform:translateZ(0) scale(1);transform-origin:center;width:176px;height:200px;will-change:transform;z-index:1}.hexagon:hover{transform:scale(1.12);z-index:15}.hexagon:hover .hexagon-shape{background:linear-gradient(155deg,#ffeaa7,#ffd46c 45%,#ffb347);box-shadow:0 18px 45px #ffbe3c73,0 0 0 3px #ffffff59 inset,0 0 35px #fff0bea6;opacity:1}@media (max-width: 1023px){.beehive-section{padding-bottom:40px}.beehive-hexagon-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);row-gap:18px;column-gap:12px;padding:20px;min-height:auto;justify-items:center;align-content:center}.beehive-side-card{background:transparent!important;box-shadow:none!important;padding:0!important}.hex-top-left,.hex-top-right,.hex-center,.hex-bottom-left,.hex-bottom-right,.beehive-side-left,.beehive-side-right{grid-column:auto;grid-row:auto;justify-self:center;align-self:center}.hex-mid-left{grid-column:1;grid-row:1}.hex-mid-right{grid-column:3;grid-row:1}.hex-top-left{grid-column:1;grid-row:2}.hex-center{grid-column:2;grid-row:2}.hex-top-right{grid-column:3;grid-row:2}.hex-bottom-left{grid-column:1;grid-row:3}.hex-bottom-right{grid-column:3;grid-row:3}.hexagon{width:120px;height:135px}.hexagon-emoji{font-size:36px}.hexagon-title{font-size:13px}.hexagon:hover{transform:translateZ(0) scale(1.08);z-index:15}.hexagon:hover .hexagon-shape{background:linear-gradient(160deg,#ffeaa7,#ffcf5c 45%,#ffb347);box-shadow:0 14px 38px #ffc83c66,0 0 0 2px #ffffff59 inset,0 0 25px #fff5c899;opacity:1}.hex-center .honey-jar-wrapper{width:180px;height:180px}.honey-jar-img,.honey-jar-emoji{width:180px;height:180px;font-size:100px}}.info-panels-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.info-panels-modal.active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-panel{background:linear-gradient(135deg,#fff,#fff9e6);border-radius:20px;padding:40px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;display:none;box-shadow:0 20px 60px #0000004d}.info-panel.active{display:block;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.panel-close{position:absolute;top:15px;right:15px;background:#ffffffe6;border:2px solid #FFD700;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.panel-close:hover{background:gold;transform:rotate(90deg)}.panel-content{text-align:center}.panel-icon{margin-bottom:20px}.panel-emoji-large{font-size:70px;display:block}.panel-title{font-size:24px;color:#2c1810;margin:0 0 15px;font-weight:700}.panel-description{font-size:15px;line-height:1.6;color:#4a3426;margin-bottom:20px}.panel-features{background:#ffd7001a;border-radius:12px;padding:20px;margin-bottom:25px;text-align:left}.panel-features h4{font-size:16px;color:#2c1810;margin:0 0 12px}.panel-features ul{list-style:none;padding:0;margin:0}.panel-features li{padding:6px 0 6px 20px;position:relative;color:#4a3426;font-size:14px}.panel-features li:before{content:"\1f36f";position:absolute;left:0;top:6px;font-size:12px}.panel-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,orange);color:#2c1810;padding:12px 28px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 15px #ffa5004d;font-size:14px}.panel-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffa50066}.beehive-title,.beehive-description,.beehive-container{display:none}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-interactive-beehive.css.map */