@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.brxe-carousel{min-width:0;position:relative;width:100%}.brxe-carousel .image{background-position:50%;background-size:cover;bottom:0;height:300px;left:0;position:relative;right:0;top:0}.brxe-carousel .swiper-autoheight .image{height:auto!important;width:100%}.brxe-carousel .content-wrapper,.brxe-carousel .overlay-wrapper{align-items:baseline;bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;left:0;position:relative;right:0;top:0;z-index:1}.brxe-carousel .content-wrapper.top,.brxe-carousel .overlay-wrapper.top{justify-content:flex-start}.brxe-carousel .content-wrapper.middle,.brxe-carousel .overlay-wrapper.middle{justify-content:center;margin-bottom:auto;margin-top:auto}.brxe-carousel .content-wrapper.bottom,.brxe-carousel .overlay-wrapper.bottom{justify-content:flex-end}.brxe-carousel .content-wrapper.left,.brxe-carousel .overlay-wrapper.left{align-items:flex-start;text-align:left}.brxe-carousel .content-wrapper.center,.brxe-carousel .overlay-wrapper.center{align-items:center;text-align:center}.brxe-carousel .content-wrapper.right,.brxe-carousel .overlay-wrapper.right{align-items:flex-end;text-align:right}.brxe-carousel .content-wrapper.center.middle,.brxe-carousel .overlay-wrapper.center.middle{margin-bottom:auto;margin-top:auto}.brxe-carousel .overlay-wrapper{position:absolute!important;z-index:2}.brxe-carousel .overlay-wrapper.show-on-hover{opacity:0;position:relative;transition:var(--bricks-transition)}.brxe-carousel .overlay-wrapper.show-on-hover:hover{opacity:1}.brxe-carousel .overlay-wrapper.show-on-hover .overlay-inner{transition:var(--bricks-transition);will-change:transform}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner{transform:translateY(10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-up:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-right .overlay-inner{transform:translateX(-10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-right:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-down .overlay-inner{transform:translateY(-10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-down:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-left .overlay-inner{transform:translateX(10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-left:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-in .overlay-inner{transform:scale(.8)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-in:hover .overlay-inner{transform:scale(1)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-out .overlay-inner{transform:scale(1.2)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-out:hover .overlay-inner{transform:scale(1)}.brxe-carousel .dynamic{margin:0;padding:0}.brxe-carousel .meta{width:100%}.brxe-carousel .meta span:first-child{padding:0}.brxe-carousel .meta span+span{padding:0 5px}.brxe-carousel .meta span+span:before{content:" ·";left:-5px;position:relative}.brxe-carousel .excerpt{margin-top:.5em}.brxe-carousel .taxonomy{margin:0 -5px}.brxe-carousel .taxonomy a{display:inline-block;line-height:2;margin:0 5px}.brxe-carousel .overlay-wrapper{height:300px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}@layer bricks {.brxe-code{width:100%}}.hero__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.75rem, 6vw, var(--font-size-2xl)); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-white); margin: 0; }@media (min-width: 1024px) { .hero__heading { font-size: var(--font-size-2xl); }}.hero__subheading { display: block; font-family: var(--font-family-primary); font-size: clamp(1rem, 3vw, var(--font-size-lg)); font-weight: var(--font-weight-medium); line-height: var(--line-height-base); color: var(--color-white); margin: 0; opacity: 0.95; }@media (min-width: 1024px) { .hero__subheading { font-size: var(--font-size-lg); }} .hero__button { display: flex; align-items: center; justify-content: center; min-width: clamp(200px, 50vw, 280px); padding: clamp(0.875rem, 2.5vw, 1rem) clamp(1.5rem, 4vw, 2rem); font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 2.5vw, var(--font-size-base)); font-weight: var(--font-weight-semibold); text-decoration: none; border-radius: var(--radius-button); cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast); border: 2px solid var(--color-primary); } .hero__button:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } .hero__button:active { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .hero__button:focus { outline: 3px solid var(--color-white); outline-offset: 2px; } .hero__button--primary { background-color: var(--color-black); color: var(--color-white); border-color: var(--color-primary); } .hero__button--primary:hover { background-color: #1a1a1a; }@media (min-width: 768px) { .hero__button { min-width: 220px; }}@media (min-width: 1024px) { .hero__button { min-width: 250px; padding: 1rem 2rem; font-size: var(--font-size-base); }}@media (min-width: 1440px) { .hero__button { min-width: 280px; }}@media (prefers-contrast: high) { .hero__button { border-width: 3px; }}.hero__button--secondary { background-color: var(--color-black); color: var(--color-white); border-color: var(--color-primary); } .hero__button--secondary:hover { background-color: #1a1a1a; }.hero__actions { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; width: 100%; margin-top: clamp(1rem, 3vw, 1.5rem); }@media (min-width: 768px) { .hero__actions { flex-direction: row; gap: 1.5rem; }}@media (min-width: 1024px) { .hero__actions { gap: 2rem; }}@media (max-width: 478px) {#brxe-sojqfn {margin-bottom: 25vh}}.hero__content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; max-width: 900px; gap: clamp(1.5rem, 4vw, 2.5rem); }.hero__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }.hero__container { position: relative; display: flex; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; z-index: 2; }@media (min-width: 768px) { .hero__container { padding: 0 2rem; }}@media (min-width: 1024px) { .hero__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .hero__container { padding: 0 3rem; }}.hero { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; background-color: var(--color-primary); background-image: url('https://cityshoppen.com/wp-content/uploads/2025/11/Gemini_Generated_Image_kik3y8kik3y8kik3.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-white); min-height: clamp(500px, 70vh, 543px); padding: clamp(2rem, 8vw, 4rem) 0; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(240, 79, 62, 0.85); z-index: 1; } *:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 2px; box-shadow: 0 0 0 1px var(--color-white); }@media (min-width: 768px) { .hero { min-height: clamp(450px, 60vh, 543px); }}@media (min-width: 1024px) { .hero { min-height: 543px; }}@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}.quality-section__icon { width: 100%; height: 100%; stroke: var(--color-white); stroke-width: 2.5; }.quality-section__icon-wrapper { display: flex; align-items: center; justify-content: center; width: clamp(80px, 15vw, 120px); height: clamp(80px, 15vw, 120px); background-color: var(--color-primary); border-radius: var(--radius-full); padding: clamp(1rem, 3vw, 1.5rem); animation: bounce 2s ease-in-out infinite; }.quality-section__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.5rem, 5vw, var(--font-size-2xl)); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-text-dark); margin: 0; max-width: 800px; }@media (min-width: 768px) { .quality-section__heading { font-size: clamp(1.75rem, 5vw, var(--font-size-2xl)); }}@media (min-width: 1024px) { .quality-section__heading { font-size: var(--font-size-2xl); }}.quality-section__button { display: inline-flex; align-items: center; justify-content: center; min-width: clamp(180px, 40vw, 240px); padding: clamp(0.875rem, 2.5vw, 1rem) clamp(1.5rem, 4vw, 2rem); font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 2.5vw, var(--font-size-base)); font-weight: var(--font-weight-semibold); text-decoration: none; text-transform: lowercase; background-color: var(--color-primary); color: var(--color-white); border: none; border-radius: var(--radius-button); cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); } .quality-section__button:hover { background-color: var(--color-primary-dark); transform: translateY(-3px); box-shadow: 0 8px 16px rgba(240, 79, 62, 0.3); } .quality-section__button:active { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(240, 79, 62, 0.2); } .quality-section__button:focus { outline: 3px solid var(--color-primary); outline-offset: 2px; }@media (min-width: 768px) { .quality-section__button { min-width: 220px; }}@media (min-width: 1024px) { .quality-section__button { min-width: 240px; padding: 1rem 2rem; font-size: var(--font-size-base); }}.quality-section__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; text-align: center; gap: clamp(1.5rem, 4vw, 2.5rem); }.quality-section__container { display: flex; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .quality-section__container { padding: 0 2rem; }}@media (min-width: 1024px) { .quality-section__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .quality-section__container { padding: 0 3rem; }}.quality-section { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; background-color: var(--color-white); padding: clamp(3rem, 8vw, 5rem) 0; }@media (min-width: 768px) { .quality-section { padding: clamp(3.5rem, 8vw, 5.5rem) 0; }}@media (min-width: 1024px) { .quality-section { padding: 5rem 0; }} .catering-section__heading-part { display: block; }.catering-section__heading-separator { display: block; font-size: clamp(1.5rem, 5vw, var(--font-size-xl)); font-weight: var(--font-weight-normal); opacity: 0.8; }@media (min-width: 768px) { .catering-section__heading-separator { font-size: var(--font-size-2xl); }}.catering-section__heading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; font-family: var(--font-family-primary); font-size: clamp(1.75rem, 6vw, var(--font-size-2xl)); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-white); margin: 0; }@media (min-width: 768px) { .catering-section__heading { flex-direction: row; gap: 1rem; }}@media (min-width: 1024px) { .catering-section__heading { font-size: var(--font-size-2xl); }}.catering-section__text { display: block; font-family: var(--font-family-primary); font-size: clamp(1rem, 3vw, var(--font-size-lg)); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: var(--color-white); margin: 0; opacity: 0.95; }@media (min-width: 1024px) { .catering-section__text { font-size: var(--font-size-lg); }}.catering-section__button { display: inline-flex; align-items: center; justify-content: center; min-width: clamp(180px, 40vw, 240px); padding: clamp(0.875rem, 2.5vw, 1rem) clamp(1.5rem, 4vw, 2rem); font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 2.5vw, var(--font-size-base)); font-weight: var(--font-weight-semibold); text-decoration: none; text-transform: lowercase; background-color: var(--color-white); color: var(--color-primary); border: 2px solid var(--color-white); border-radius: var(--radius-button); cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); } .catering-section__button:hover { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-primary-dark); transform: translateY(-3px); box-shadow: 0 8px 16px rgba(255, 255, 255, 0.3); } .catering-section__button:active { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); } .catering-section__button:focus { outline: 3px solid var(--color-white); outline-offset: 2px; }@media (min-width: 768px) { .catering-section__button { min-width: 220px; }}@media (min-width: 1024px) { .catering-section__button { min-width: 240px; padding: 1rem 2rem; font-size: var(--font-size-base); }}.catering-section__content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; max-width: 800px; gap: clamp(1.5rem, 4vw, 2.5rem); }.catering-section__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }.catering-section__container { position: relative; display: flex; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; z-index: 2; }@media (min-width: 768px) { .catering-section__container { padding: 0 2rem; }}@media (min-width: 1024px) { .catering-section__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .catering-section__container { padding: 0 3rem; }}.catering-section { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: clamp(400px, 50vh, 500px); padding: clamp(3rem, 8vw, 5rem) 0; background-color: var(--color-primary); }@media (min-width: 768px) { .catering-section { min-height: clamp(450px, 50vh, 550px); padding: clamp(3.5rem, 8vw, 5.5rem) 0; }}@media (min-width: 1024px) { .catering-section { min-height: 500px; padding: 5rem 0; }}.promo-banner__badge { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 2rem; background: linear-gradient(135deg, rgba(240, 79, 62, 0.95) 0%, rgba(212, 61, 45, 0.95) 100%); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: var(--radius-full); color: var(--color-white); font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2.5vw, 1rem); font-weight: var(--font-weight-bold); text-transform: uppercase; letter-spacing: 0.15em; animation: bounceIn 1s ease-out, glow 2s ease-in-out infinite; box-shadow: 0 8px 25px rgba(240, 79, 62, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2); position: relative; overflow: hidden; } .promo-banner__badge::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient( 45deg, transparent 45%, rgba(255, 255, 255, 0.2) 50%, transparent 55% ); animation: shine 3s ease-in-out infinite; }@media (prefers-reduced-motion: reduce) { .promo-banner__badge { animation: none; } .promo-banner__badge::after { display: none; }} .promo-banner__text { display: block; font-family: var(--font-family-primary); font-size: clamp(2rem, 6vw, 3.5rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 8px 16px rgba(240, 79, 62, 0.3); transition: transform var(--transition-base), filter var(--transition-base); position: relative; } .promo-banner__text:nth-child(1) { animation: fadeInUp 0.8s ease-out 0.2s both; } .promo-banner__text:nth-child(2) { animation: fadeInUp 0.8s ease-out 0.4s both; } .promo-banner__text:nth-child(3) { animation: fadeInUp 0.8s ease-out 0.6s both; } .promo-banner__text:nth-child(4) { animation: fadeInUp 0.8s ease-out 0.8s both; }@media (min-width: 768px) { .promo-banner__text { font-size: clamp(2rem, 5vw, 3rem); }}@media (min-width: 1024px) { .promo-banner__text { font-size: 3rem; }}@media (prefers-reduced-motion: reduce) { .promo-banner__text { animation: none; } .promo-banner__text { transition: none; }}.promo-banner__text--highlight { background: linear-gradient(135deg, var(--color-white) 0%, #f0f0f0 50%, var(--color-white) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: relative; padding: 0 0.75rem; animation: textGlow 3s ease-in-out infinite; filter: drop-shadow(0 0 20px rgba(240, 79, 62, 0.5)); }@media (prefers-reduced-motion: reduce) { .promo-banner__text--highlight { animation: none; }}.promo-banner__text--emphasis { color: var(--color-white); position: relative; padding: 0 1rem; animation: textPulse 2s ease-in-out infinite; }@media (prefers-reduced-motion: reduce) { .promo-banner__text--emphasis { animation: none; }}.promo-banner__heading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(0.5rem, 2vw, 1rem); margin: 0; position: relative; max-width: 900px; }@media (min-width: 768px) { .promo-banner__heading { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: clamp(0.75rem, 2vw, 1.25rem); }}.promo-banner__subtitle { display: block; font-family: var(--font-family-primary); font-size: clamp(1.125rem, 3vw, 1.375rem); font-weight: var(--font-weight-medium); line-height: var(--line-height-base); color: rgba(255, 255, 255, 0.9); margin: 0; max-width: 700px; padding: 0 2rem; text-align: center; animation: fadeInUp 1s ease-out 1s both; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }@media (prefers-reduced-motion: reduce) { .promo-banner__subtitle { animation: none; }}.promo-banner__button { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; padding: clamp(1.25rem, 4vw, 1.5rem) clamp(2.5rem, 6vw, 3.5rem); background: linear-gradient(135deg, var(--color-white) 0%, #f8f8f8 50%, var(--color-white) 100%); color: var(--color-primary); border: 2px solid transparent; border-radius: var(--radius-button); font-family: var(--font-family-primary); font-size: clamp(1.125rem, 3vw, 1.25rem); font-weight: var(--font-weight-bold); text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; transition: all var(--transition-base); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3), 0 4px 10px rgba(240, 79, 62, 0.2); position: relative; overflow: hidden; } .promo-banner__button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transition: left 0.6s ease; } .promo-banner__button:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4), 0 6px 20px rgba(240, 79, 62, 0.3); border-color: var(--color-primary); background: linear-gradient(135deg, #fff 0%, #fff 100%); } .promo-banner__button:hover::before { left: 100%; } .promo-banner__button:active { transform: translateY(-2px) scale(1.02); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 4px 15px rgba(240, 79, 62, 0.25); } .promo-banner__button:focus { outline: 3px solid rgba(255, 255, 255, 0.5); outline-offset: 4px; }@media (min-width: 1024px) { .promo-banner__button { padding: 1.25rem 3rem; font-size: 1.125rem; }}@media (prefers-reduced-motion: reduce) { .promo-banner__button { animation: none; } .promo-banner__button { transition: none; } .promo-banner__button::before { display: none; }}.promo-banner__cta-group { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; animation: fadeInUp 1s ease-out 1.2s both; }@media (min-width: 768px) { .promo-banner__cta-group { flex-direction: row; gap: 1.5rem; }}@media (prefers-reduced-motion: reduce) { .promo-banner__cta-group { animation: none; }}.promo-banner__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(1.5rem, 4vw, 2.5rem); position: relative; }@media (min-width: 1024px) { .promo-banner__wrapper { gap: clamp(2rem, 5vw, 3rem); }}.promo-banner__container { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 1rem; z-index: 2; }@media (min-width: 768px) { .promo-banner__container { padding: 0 2rem; }}@media (min-width: 1024px) { .promo-banner__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .promo-banner__container { padding: 0 3rem; }}.promo-banner { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%); padding: clamp(3rem, 8vw, 5rem) 0; overflow: hidden; min-height: clamp(400px, 60vh, 600px); } .promo-banner::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient( circle at 30% 40%, rgba(240, 79, 62, 0.15) 0%, transparent 50% ), radial-gradient( circle at 70% 60%, rgba(255, 107, 90, 0.15) 0%, transparent 50% ), radial-gradient( circle at 50% 50%, rgba(240, 79, 62, 0.1) 0%, transparent 60%); animation: pulseGlow 8s ease-in-out infinite; z-index: 1; } .promo-banner::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg, transparent 49%, rgba(240, 79, 62, 0.05) 50%, transparent 51%), linear-gradient(-45deg, transparent 49%, rgba(255, 107, 90, 0.05) 50%, transparent 51%); background-size: 60px 60px; animation: slidePattern 20s linear infinite; z-index: 1; }@media (prefers-reduced-motion: reduce) { .promo-banner::before { animation: none; } .promo-banner::after { animation: none; }} .product-categories__image { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform var(--transition-base); } .product-categories__card:hover .product-categories__image { transform: scale(1.05); } img[loading="lazy"] { opacity: 0; animation: imageLoad 0.5s ease forwards; } img[onerror] { background-color: var(--color-bg-light); display: flex; align-items: center; justify-content: center; } .product-categories__image-wrapper { position: relative; display: flex; width: 100%; height: clamp(200px, 40vw, 300px); overflow: hidden; background-color: var(--color-bg-light); }@media (min-width: 768px) { .product-categories__image-wrapper { height: 280px; }}@media (min-width: 1024px) { .product-categories__image-wrapper { height: 300px; }} .product-categories__title { display: block; font-family: var(--font-family-primary); font-size: clamp(1.25rem, 4vw, 1.5rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-text-dark); margin: 0; }@media (min-width: 1024px) { .product-categories__title { font-size: 1.5rem; }} .product-categories__description { display: block; font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 2.5vw, var(--font-size-base)); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: var(--color-text-light); margin: 0; flex: 1; }@media (min-width: 1024px) { .product-categories__description { font-size: var(--font-size-base); }} .product-categories__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: clamp(0.875rem, 2.5vw, 1rem) clamp(1.5rem, 4vw, 2rem); font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 2.5vw, var(--font-size-base)); font-weight: var(--font-weight-semibold); text-decoration: none; text-transform: lowercase; background-color: var(--color-primary); color: var(--color-white); border: none; border-radius: var(--radius-button); cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); } .product-categories__button:hover { background-color: var(--color-primary-dark); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(240, 79, 62, 0.3); } .product-categories__button:active { transform: translateY(0); box-shadow: 0 3px 6px rgba(240, 79, 62, 0.2); } .product-categories__button:focus { outline: 3px solid var(--color-primary); outline-offset: 2px; }@media (min-width: 768px) { .product-categories__button { width: auto; min-width: 180px; }}@media (min-width: 1024px) { .product-categories__button { min-width: 200px; padding: 1rem 2rem; font-size: var(--font-size-base); }} .product-categories__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: clamp(1.5rem, 4vw, 2rem); gap: clamp(1rem, 3vw, 1.5rem); flex: 1; }@media (min-width: 1024px) { .product-categories__content { padding: 2rem; }} .product-categories__card-inner { display: flex; flex-direction: column; height: 100%; } .product-categories__card { display: flex; flex-direction: column; background-color: var(--color-white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: transform var(--transition-base), box-shadow var(--transition-base); } .product-categories__card:hover { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); }@media (prefers-contrast: high) { .product-categories__card { border: 2px solid var(--color-text-dark); }}#brxe-srrqbq:not(.tag), #brxe-srrqbq img {object-fit: cover}.product-categories__wrapper { display: grid; grid-template-columns: 1fr; gap: clamp(1.5rem, 4vw, 2.5rem); width: 100%; }@media (min-width: 768px) { .product-categories__wrapper { grid-template-columns: repeat(2, 1fr); gap: clamp(2rem, 4vw, 3rem); }}@media (min-width: 1024px) { .product-categories__wrapper { gap: 3rem; }}.product-categories__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .product-categories__container { padding: 0 2rem; }}@media (min-width: 1024px) { .product-categories__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .product-categories__container { padding: 0 3rem; }}.product-categories { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--color-white); padding: clamp(3rem, 8vw, 5rem) 0; }@media (min-width: 768px) { .product-categories { padding: clamp(3.5rem, 8vw, 5.5rem) 0; }}@media (min-width: 1024px) { .product-categories { padding: 5rem 0; }}.pakkeshop__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.5rem, 5vw, 2rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-text-dark); margin: 0; text-align: center; }@media (min-width: 1024px) { .pakkeshop__heading { font-size: 2rem; }}#brxe-cfkscs .repeater-item [data-field-id="67a3d4"] {margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0}#brxe-cfkscs .bricks-swiper-button-prev {left: 50px}#brxe-cfkscs .bricks-swiper-button-next {right: 50px}#brxe-cfkscs .swiper-wrapper {align-items: auto}#brxe-cfkscs .swiper-slide {text-align: center}#brxe-cfkscs {align-items: center; align-self: center; justify-content: center}.pakkeshop__carousel { position: relative; width: 100%; max-width: 1200px; overflow: hidden; padding: 1rem 0; }.pakkeshop__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2rem, 5vw, 3rem); width: 100%; }.pakkeshop__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .pakkeshop__container { padding: 0 2rem; }}@media (min-width: 1024px) { .pakkeshop__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .pakkeshop__container { padding: 0 3rem; }}#pakkeshopCarousel { overflow: hidden !important; width: 100% !important; position: relative !important; mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);}#pakkeshopTrack { display: flex !important; flex-wrap: nowrap !important; width: max-content !important;  gap: 0 !important;  animation: none; }.pakkeshop__slide { flex-shrink: 0 !important; display: flex !important; align-items: center; padding: 0 30px; }.marquee-active { animation: marqueeScroll linear infinite;}@keyframes marqueeScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); }}.contact-support__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.75rem, 6vw, 2.5rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-text-dark); margin: 0; text-align: center; }@media (min-width: 1024px) { .contact-support__heading { font-size: 2.5rem; }}.contact-support__subheading { display: block; font-family: var(--font-family-primary); font-size: clamp(1rem, 3vw, var(--font-size-lg)); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: var(--color-text-light); margin: 0; text-align: center; max-width: 600px; }@media (min-width: 1024px) { .contact-support__subheading { font-size: var(--font-size-lg); }}.contact-support__button--phone .contact-support__icon { stroke: var(--color-primary); } .contact-support__icon { width: clamp(32px, 8vw, 48px); height: clamp(32px, 8vw, 48px); stroke-width: 2; }@media (min-width: 1024px) { .contact-support__icon { width: 48px; height: 48px; }} .contact-support__text { display: block; font-family: var(--font-family-primary); font-size: clamp(1rem, 3vw, var(--font-size-lg)); font-weight: var(--font-weight-semibold); color: var(--color-text-dark); }@media (min-width: 1024px) { .contact-support__text { font-size: var(--font-size-lg); }} .contact-support__detail { display: block; font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2.5vw, var(--font-size-base)); font-weight: var(--font-weight-normal); color: var(--color-text-light); }@media (min-width: 1024px) { .contact-support__detail { font-size: var(--font-size-base); }} .contact-support__button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; padding: clamp(1.5rem, 4vw, 2rem); background-color: var(--color-white); border: 2px solid var(--color-border); border-radius: var(--radius-lg); text-decoration: none; transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .contact-support__button:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); } .contact-support__button:active { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .contact-support__button:focus { outline: 3px solid var(--color-primary); outline-offset: 2px; } .contact-support__button--phone { border-color: var(--color-primary); } .contact-support__button--phone:hover { border-color: var(--color-primary-dark); background-color: rgba(240, 79, 62, 0.02); }@media (min-width: 768px) { .contact-support__button { padding: 2rem 1.5rem; }}@media (prefers-contrast: high) { .contact-support__button { border-width: 3px; }}.contact-support__button--whatsapp .contact-support__icon { stroke: #25D366; }.contact-support__button--whatsapp { border-color: #25D366; } .contact-support__button--whatsapp:hover { border-color: #1da851; background-color: rgba(37, 211, 102, 0.02); }.contact-support__button--email .contact-support__icon { stroke: var(--color-text-dark); }.contact-support__button--email { border-color: var(--color-text-light); } .contact-support__button--email:hover { border-color: var(--color-text-dark); background-color: rgba(51, 51, 51, 0.02); }.contact-support__buttons { display: grid; grid-template-columns: 1fr; gap: clamp(1rem, 3vw, 1.5rem); width: 100%; max-width: 800px; }@media (min-width: 768px) { .contact-support__buttons { grid-template-columns: repeat(3, 1fr); }}.contact-support__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2rem, 5vw, 3rem); width: 100%; }.contact-support__container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .contact-support__container { padding: 0 2rem; }}@media (min-width: 1024px) { .contact-support__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .contact-support__container { padding: 0 3rem; }}.contact-support { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--color-white); padding: clamp(3rem, 8vw, 5rem) 0; }@media (min-width: 768px) { .contact-support { padding: clamp(3.5rem, 8vw, 5.5rem) 0; }}@media (min-width: 1024px) { .contact-support { padding: 5rem 0; }}.about-section__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.75rem, 6vw, 2.5rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-text-dark); margin: 0; }@media (min-width: 1024px) { .about-section__heading { font-size: 2.5rem; }}.about-section__subtitle { display: block; font-family: var(--font-family-primary); font-size: clamp(1rem, 3vw, 1.125rem); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: var(--color-text-light); margin: 0; max-width: 600px; }@media (min-width: 1024px) { .about-section__subtitle { font-size: 1.125rem; }}.about-section__header { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(1rem, 3vw, 1.5rem); } .about-section__timeline-icon svg { width: 60%; height: 60%; } .about-section__timeline-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: clamp(48px, 8vw, 56px); height: clamp(48px, 8vw, 56px); background-color: var(--color-primary); border-radius: var(--radius-full); color: var(--color-white); stroke-width: 2; } .about-section__timeline-title { display: block; font-family: var(--font-family-primary); font-size: clamp(1.125rem, 3vw, 1.25rem); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); color: var(--color-text-dark); margin: 0; }@media (min-width: 1024px) { .about-section__timeline-title { font-size: 1.25rem; }} .about-section__timeline-text { display: block; font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 2.5vw, var(--font-size-base)); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: var(--color-text-light); margin: 0; }@media (min-width: 1024px) { .about-section__timeline-text { font-size: var(--font-size-base); }} .about-section__timeline-content { display: flex; flex-direction: column; gap: clamp(0.5rem, 2vw, 0.75rem); } .about-section__timeline-item { display: flex; align-items: flex-start; gap: clamp(1rem, 3vw, 1.5rem); padding: clamp(1.5rem, 4vw, 2rem); background-color: var(--color-white); border-radius: var(--radius-lg); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transition: transform var(--transition-base), box-shadow var(--transition-base); opacity: 0; animation: fadeInUp 0.6s ease forwards; } .about-section__timeline-item:nth-child(1) { animation-delay: 0.1s; } .about-section__timeline-item:nth-child(2) { animation-delay: 0.3s; } .about-section__timeline-item:nth-child(3) { animation-delay: 0.5s; } .about-section__timeline-item:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }@media (min-width: 768px) { .about-section__timeline-item { flex-direction: row; text-align: left; }}@media (prefers-reduced-motion: reduce) { .about-section__timeline-item { animation: none; opacity: 1; transform: none; } .about-section__timeline-item { transition: none; }}.about-section__content { display: flex; flex-direction: column; gap: clamp(2rem, 5vw, 3rem); width: 100%; max-width: 1000px; margin: 0 auto; } .about-section__value-icon svg { width: 60%; height: 60%; } .about-section__value-icon { display: flex; align-items: center; justify-content: center; width: clamp(40px, 8vw, 48px); height: clamp(40px, 8vw, 48px); background-color: var(--color-primary); border-radius: var(--radius-full); color: var(--color-white); stroke-width: 2; transition: transform var(--transition-fast); } .about-section__value-item:hover .about-section__value-icon { transform: scale(1.1); }@media (prefers-reduced-motion: reduce) { .about-section__value-icon { transition: none; }} .about-section__value-text { display: block; font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2.5vw, 1rem); font-weight: var(--font-weight-semibold); color: var(--color-text-dark); text-transform: uppercase; letter-spacing: 0.05em; } .about-section__value-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(0.5rem, 2vw, 0.75rem); padding: clamp(1rem, 3vw, 1.25rem); text-align: center; }.about-section__values { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(1.5rem, 4vw, 2rem); width: 100%; max-width: 1000px; margin: 0 auto; padding: clamp(2rem, 5vw, 2.5rem); background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, 0.3); }@media (min-width: 768px) { .about-section__values { flex-wrap: nowrap; justify-content: space-around; }}.about-section__cta-title { display: block; font-family: var(--font-family-primary); font-size: clamp(1.5rem, 5vw, 2rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-white); margin: 0; }.about-section__cta-text { display: block; font-family: var(--font-family-primary); font-size: clamp(1rem, 3vw, 1.125rem); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: rgba(255, 255, 255, 0.95); margin: 0; max-width: 500px; }.about-section__cta-button { display: inline-flex; align-items: center; justify-content: center; padding: clamp(0.875rem, 3vw, 1rem) clamp(1.5rem, 5vw, 2rem); background-color: var(--color-white); color: var(--color-primary); border: none; border-radius: var(--radius-button); font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 3vw, 1rem); font-weight: var(--font-weight-semibold); text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .about-section__cta-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); background-color: #f8f9fa; } .about-section__cta-button:active { transform: translateY(0) scale(1.01); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .about-section__cta-button:focus { outline: 3px solid rgba(255, 255, 255, 0.8); outline-offset: 2px; }@media (prefers-reduced-motion: reduce) { .about-section__cta-button { transition: none; }}.about-section__cta-content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(1rem, 3vw, 1.5rem); }@media (min-width: 768px) { .about-section__cta-content { align-items: flex-start; text-align: left; }}.about-section__logo { display: block; height: clamp(60px, 12vw, 100px); width: auto; object-fit: contain; opacity: 0.9; transition: opacity var(--transition-fast), transform var(--transition-fast); filter: brightness(0) invert(1); } .about-section__logo:hover { opacity: 1; transform: scale(1.05); }@media (min-width: 768px) { .about-section__logo { height: 90px; }}@media (min-width: 1024px) { .about-section__logo { height: 100px; }}.about-section__logo-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; padding: clamp(1rem, 3vw, 2rem) 0; }.about-section__cta { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2rem, 5vw, 3rem); width: 100%; max-width: 1000px; margin: 0 auto; padding: clamp(2.5rem, 6vw, 3rem); background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); border-radius: var(--radius-lg); color: var(--color-white); text-align: center; }@media (min-width: 768px) { .about-section__cta { flex-direction: row; text-align: left; }}.about-section__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2.5rem, 6vw, 4rem); width: 100%; }.about-section__container { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; z-index: 2; }@media (min-width: 768px) { .about-section__container { padding: 0 2rem; }}@media (min-width: 1024px) { .about-section__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .about-section__container { padding: 0 3rem; }}.about-section { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-bg-light) 0%, #f8f9fa 100%); padding: clamp(3rem, 8vw, 6rem) 0; overflow: hidden; } .about-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 20% 80%, rgba(240, 79, 62, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(240, 79, 62, 0.05) 0%, transparent 50%); z-index: 1; }@media (min-width: 768px) { .about-section { padding: clamp(3.5rem, 8vw, 6.5rem) 0; }}@media (min-width: 1024px) { .about-section { padding: 6rem 0; }}