@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');

.combined{--red:#c31230;--gold:#f0bd38}
.combined .design-switch{display:none}
.combined .announcement{background:var(--gold);color:#702829}
.combined .site-header{position:relative;z-index:10;background:#fff}
.combined .navbar .nav-link{font-weight:500}

/* Image-only automatic hero. */
.combined .hero-section{padding:0!important;background:#fff!important;overflow:hidden}
.combined .hero-section .carousel-inner{max-width:none!important;padding:0!important}
.combined .hero-section .carousel-item{width:100%;aspect-ratio:1942/809;background:#f8eee8}
.combined .gallery-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 53%}
.combined .hero-section .carousel-item:nth-child(2) .gallery-image{object-position:center 46%}
.combined .hero-section .carousel-item:nth-child(3) .gallery-image{object-position:center 48%}
.combined .hero-section .carousel-item:nth-child(4) .gallery-image{object-position:center 55%}
.combined .hero-section .carousel{position:relative}
.combined .hero-arrow{position:absolute;z-index:5;width:50px;height:50px;border:1px solid #ffffffba;border-radius:50%;background:#fffffff0;color:#a91d33;display:grid;place-items:center;font-size:25px;line-height:1;box-shadow:0 3px 15px #3c191922;transition:background .2s,transform .2s}
.combined .hero-arrow{top:50%;transform:translateY(-50%)}
.combined .hero-arrow-prev{left:24px}
.combined .hero-arrow-next{right:24px}
.combined .hero-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.combined .hero-arrow:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.combined .hero-controls{max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#4e3032!important}
.combined .gallery-bar{min-height:76px}
.combined .gallery-label{font:600 11px 'Outfit',sans-serif;letter-spacing:1.7px;color:#8e5a52}
.combined .gallery-label span{color:var(--red);padding:0 12px;font-size:18px;vertical-align:middle}
.combined .hero-controls #slideCount{white-space:nowrap;min-width:45px;text-align:center;font-size:12px;color:#793037}
.combined .hero-controls #slideCount span{color:#9e8781}
.combined .gallery-buttons .round-control,.combined .testimonial-controls .round-control{color:var(--red);border-color:#e0b5a8;background:#fff}
.combined .gallery-buttons .round-control:hover,.combined .testimonial-controls .round-control:hover{background:#fff1e7}
.combined .collection-strip{transform:none;margin:0;clip-path:none;padding:19px 0;background:var(--red);color:#fff2d3}
.combined .collection-strip span{color:#fff;font-weight:700}
.combined .collection-strip .strip-star{color:var(--gold);font-size:22px;font-weight:400}
.combined .chapter-note{display:none}

/* Six category cards in a three-column desktop grid. */
.combined .category-grid{margin-top:8px}
.combined .category-card{display:block;height:100%;overflow:hidden;border:1px solid #ecdcd5;border-radius:10px;background:#fff;color:#3d2a2e;box-shadow:0 7px 24px #6a32280a;transition:border-color .2s,box-shadow .2s,transform .2s}
.combined .category-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;transition:transform .3s}
.combined .category-card h3{margin:0;padding:19px 22px 21px;font-size:22px;font-weight:500;line-height:1.25;color:inherit}
.combined .category-card:hover{border-color:#d9a2a4;box-shadow:0 14px 34px #6a322819;color:var(--red);transform:translateY(-3px)}
.combined .category-card:hover img{transform:scale(1.035)}
.combined .category-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}

/* The animated FMCG concept's story layout. */
.combined #about{padding-top:100px}
.combined #about h1,.combined .animated-feature-heading h2,.combined .animated-inquiry h2{font-family:'Roboto',Arial,sans-serif;font-weight:800;font-style:normal;letter-spacing:-.7px;line-height:.97}
.combined #about h1{font-size:clamp(48px,5vw,71px)}
.combined #about h1 em,.combined .animated-feature-heading h2 em,.combined .animated-inquiry h2 em{font-style:normal;font-weight:800}
.combined #about .story-main{border-radius:10px;height:425px;transform:none}
.combined .story-caption{position:absolute;bottom:0;left:25px;transform:rotate(-3deg);background:var(--gold);color:#5d3329;border-radius:7px;padding:14px 18px;font-size:9px;line-height:1.5;letter-spacing:1px;box-shadow:0 5px 17px #5d332911}
.combined .story-caption strong{font-size:11px}
.combined .animated-feature-heading h2{font-size:clamp(46px,5vw,70px)}

/* Playful quality panel with a stronger editorial story. */
.combined .quality-story .quality-panel{background:#fff8eb!important;border:1px solid #f1dfcd;border-radius:20px;overflow:hidden}
.combined .quality-visual{position:relative;min-height:560px;overflow:hidden;background:#fff3df}
.combined .quality-visual .quality-image{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:0}
.combined .quality-image-tag{position:absolute;left:24px;bottom:25px;background:#fffaf2e8;padding:15px 22px;border-radius:10px;display:flex;flex-direction:column;gap:2px;max-width:85%}
.combined .quality-image-tag span{font-size:9px;letter-spacing:2px;color:var(--red)}
.combined .quality-image-tag strong{font:24px 'DM Serif Display',Georgia,serif;color:#633131}
.combined .quality-content{padding:55px 50px}
.combined .quality-content h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(48px,4.4vw,65px);font-weight:800;line-height:.97;color:#462f35;letter-spacing:-.5px}
.combined .quality-content h2 em{font-weight:800;font-style:normal;color:var(--red)}
.combined .quality-content>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:420px;color:#7d6762}
.combined .quality-detail-list{margin:27px 0 23px;border-top:1px solid #e9d8c6}
.combined .quality-detail-list>div{display:grid;grid-template-columns:32px 1fr;gap:1px 13px;padding:13px 0;border-bottom:1px solid #e9d8c6}
.combined .quality-detail-list span{grid-row:span 2;color:var(--red);font-size:10px;padding-top:5px}
.combined .quality-detail-list strong{font-size:15px;color:#57343b;font-weight:600}
.combined .quality-detail-list p{font-size:11px;margin:0;color:#907970}
.combined .quality-content small{color:#9d847b;font-size:10px}

/* Playful testimonial cards as a rotating carousel. */
.combined .testimonial-carousel .carousel-inner{border-radius:18px}
.combined .testimonial-carousel .quote-card{min-height:320px;display:flex;flex-direction:column;justify-content:center;padding:35px 48px 40px}
.combined .testimonial-carousel blockquote{font-size:clamp(24px,2.3vw,32px);line-height:1.45;max-width:540px;margin-bottom:26px}
.combined .testimonial-carousel .quote-credit{display:flex;align-items:center;gap:14px}
.combined .testimonial-carousel .quote-credit strong{font-size:12px}
.combined .testimonial-controls{margin-top:16px;color:#8b6664;font-size:11px}
.combined .testimonial-controls strong{color:var(--red)}
.combined .testimonial-controls .round-control{width:34px;height:34px}

/* Animated concept's inquiry and bold footer. */
.combined .animated-inquiry .contact-panel{background:var(--gold)!important;border-radius:18px;padding:50px 50px 50px 125px}
.combined .animated-inquiry h2{font-size:clamp(49px,5vw,69px)!important;color:#472b35!important}
.combined .animated-inquiry h2 em{color:var(--red)!important}
.combined .animated-inquiry .eyebrow{color:#8e4c36!important}
.combined .animated-inquiry .contact-spark{color:var(--red)!important}
.combined .animated-inquiry .action-btn{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;white-space:normal}
.combined .animated-footer .footer-wordmark{font:800 clamp(75px,10vw,138px)/.9 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:-2px;text-align:center;padding:45px 0 32px}
.combined .animated-footer .footer-wordmark em{font-style:normal;font-weight:800;color:#d0a342}
.combined .social-group{margin-top:22px}
.combined .social-group>span{font-size:9px;letter-spacing:1.5px;color:#a25252;font-weight:600}
.combined .social-links{display:flex;align-items:center;gap:8px;margin-top:11px}
.combined .social-links a{width:35px;height:35px;border:1px solid #e7d2c6;border-radius:8px;background:#fff;color:#a43a45;display:grid;place-items:center;transition:transform .2s,background .2s}
.combined .social-links a:hover{transform:translateY(-2px);background:#fff0e6}
.combined .social-links a:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.combined .social-links svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.combined .social-links .fill-dot{fill:currentColor;stroke:none}

@media(max-width:991.98px){.combined #about{padding-top:75px}.combined .quality-visual{min-height:360px}.combined .quality-content{padding:40px}.combined .animated-inquiry .contact-panel{padding:45px 35px 45px 105px}.combined .animated-footer .footer-wordmark{font-size:100px!important}}
@media(max-width:575.98px){.combined .hero-section .carousel-item:first-child .gallery-image{object-position:57% center}.combined .gallery-bar{min-height:66px;gap:8px!important}.combined .gallery-label{font-size:8px;letter-spacing:.5px;max-width:42%;line-height:1.3}.combined .gallery-label span{padding:0 3px;font-size:11px}.combined .gallery-buttons{gap:5px!important}.combined .gallery-buttons .round-control{width:29px;height:29px;font-size:15px}.combined .gallery-pause,.combined .testimonial-pause{padding:5px 8px;font-size:9px}.combined .hero-controls #slideCount{font-size:9px;min-width:35px}.combined #about{padding-top:60px}.combined #about h2{font-size:48px}.combined #about .story-main{height:330px}.combined .story-caption{font-size:7px;padding:9px 11px;left:8px}.combined .story-caption strong{font-size:9px}.combined .animated-feature-heading h2{font-size:45px}.combined .quality-visual{min-height:305px}.combined .quality-content{padding:34px 24px}.combined .quality-content h2{font-size:49px}.combined .quality-image-tag{left:15px;bottom:15px;padding:10px 13px}.combined .quality-image-tag strong{font-size:18px}.combined .testimonial-carousel .quote-card{min-height:335px;padding:30px 23px}.combined .testimonial-carousel blockquote{font-size:23px}.combined .animated-inquiry .contact-panel{padding:85px 25px 30px}.combined .animated-inquiry h2{font-size:51px!important}.combined .animated-footer .footer-wordmark{font-size:75px!important}}
@media(max-width:359.98px){.combined .gallery-label{display:none}.combined .gallery-buttons{margin-left:auto}.combined .animated-footer .footer-wordmark{font-size:65px!important}}
@media(max-width:575.98px){.combined .hero-arrow{width:38px;height:38px;font-size:20px}.combined .hero-arrow-prev{left:10px}.combined .hero-arrow-next{right:10px}}
@media(prefers-reduced-motion:reduce){.combined *,.combined *::before,.combined *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* First typography pass: one clear Roboto hierarchy across the page. */
.combined,.combined *{font-family:'Roboto',Arial,sans-serif!important}
.combined{font-size:16px;line-height:1.65}
.combined p{line-height:1.7}
.combined .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.4;margin-bottom:18px}
.combined h2{font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.1;letter-spacing:-.035em;margin-bottom:24px}
.combined h2 em{font-weight:800;letter-spacing:inherit}
.combined #about h1,.combined .animated-feature-heading h2,.combined .quality-content h2,.combined .animated-inquiry h2{font-size:clamp(40px,4.3vw,40px)!important;line-height:1.06;letter-spacing:-.035em;margin-bottom:24px}
.combined #about h1{font-size:clamp(38px,3.7vw,40px)!important;line-height:1.1;text-transform:capitalize}
.combined .about-read-more{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:13px 23px;border:1px solid var(--red);border-radius:8px;background:var(--red);color:#fff;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.combined .about-read-more:hover{background:#9e0e25;border-color:#9e0e25;color:#fff;transform:translateY(-2px)}
.combined .about-read-more:focus-visible{outline:3px solid #f0bd38;outline-offset:3px}
.combined h3{font-size:21px;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.combined .product-copy h3{font-size:20px;line-height:1.25}
.combined .occasion-card h3,.combined .usp-list h3{font-size:21px}
.combined .section-intro,.combined .story-copy p:not(.eyebrow),.combined .measure,.combined .occasion-card p,.combined .usp-list p,.combined .quality-content>p:not(.eyebrow){font-size:15px;line-height:1.7}
.combined .navbar .nav-link{font-size:13px;font-weight:600}
.combined .navbar .nav-link.active{color:var(--red)}
.combined .navbar .nav-item.dropdown{display:flex;align-items:center;flex-wrap:wrap;position:relative}
.combined .navbar .nav-item.dropdown>.nav-link{padding-right:3px}
.combined .product-menu-toggle{border:0;background:transparent;color:#6c3b42;padding:10px 5px 10px 2px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:34px}
.combined .product-menu-toggle::after{width:7px;height:7px;margin:0 0 4px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .2s}
.combined .navbar .nav-item.dropdown:hover>.nav-link,.combined .product-menu-toggle:hover,.combined .product-menu-toggle[aria-expanded="true"]{color:var(--red)}
.combined .product-menu-toggle:focus-visible{outline:none;background:#fff1ed;border-radius:50%}
.combined .product-dropdown{width:440px;max-width:calc(100vw - 32px);margin-top:0;padding:14px;border:1px solid #eee2dc;border-top:3px solid var(--red);border-radius:0 0 9px 9px;background:#fff;box-shadow:0 18px 36px #4f20201c}
.combined .product-dropdown.show{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
.combined .product-dropdown-heading{grid-column:1/-1;padding:2px 10px 9px;color:#ac6870;font-size:10px;font-weight:700;letter-spacing:1.3px}
.combined .product-dropdown .dropdown-item{border-radius:5px;padding:10px 11px;color:#4a3034;font-size:13px;font-weight:600;white-space:normal;line-height:1.3}
.combined .product-dropdown .dropdown-item:hover,.combined .product-dropdown .dropdown-item:focus{background:#fff1ed;color:var(--red)}
.combined .quality-image-tag strong{font-size:21px;line-height:1.25}
.combined .testimonial-carousel blockquote{font-size:clamp(24px,2.2vw,32px);line-height:1.4;font-weight:500;letter-spacing:-.02em}
.combined .animated-footer .footer-wordmark{font-size:clamp(68px,10vw,138px)!important;font-weight:900;letter-spacing:-.055em}
@media(max-width:575.98px){.combined{font-size:15px}.combined h2{font-size:36px;line-height:1.12;margin-bottom:20px}.combined #about h1,.combined .animated-feature-heading h2,.combined .quality-content h2,.combined .animated-inquiry h2{font-size:clamp(36px,10vw,46px)!important;line-height:1.08;margin-bottom:20px}.combined .product-copy h3{font-size:17px}.combined .occasion-card h3,.combined .usp-list h3{font-size:19px}.combined .section-intro,.combined .story-copy p:not(.eyebrow),.combined .measure,.combined .occasion-card p,.combined .usp-list p,.combined .quality-content>p:not(.eyebrow){font-size:14px}.combined .animated-footer .footer-wordmark{font-size:clamp(56px,17vw,75px)!important}}
@media(max-width:1199.98px){.combined .navbar-collapse{padding:14px 0 8px}.combined .navbar .nav-link{padding:9px 0}.combined .product-menu-toggle{margin-left:4px}.combined .product-dropdown{position:static!important;transform:none!important;flex-basis:100%;width:100%;max-width:none;margin:0 0 10px;box-shadow:none;background:#faf7f6}.combined .product-dropdown.show{grid-template-columns:1fr}.combined .header-contact{margin-top:12px}}

/* Comfortable navigation and banner sizing across phones and tablets. */
@media(max-width:1199.98px){
  .combined .navbar-toggler{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .combined .navbar-collapse{max-height:calc(100dvh - 120px);overflow-y:auto}
  .combined .navbar .nav-item.dropdown>.nav-link{flex:1}
  .combined .product-menu-toggle{min-width:44px;min-height:44px;margin-left:auto}
}
@media(max-width:575.98px){
  .combined .hero-section .carousel-item{height:clamp(200px,52vw,270px);aspect-ratio:auto}
  .combined .hero-section .carousel-item:first-child .gallery-image{object-position:58% center}
  .combined .hero-arrow{width:44px;height:44px}
  .combined .collection-strip .container{justify-content:center!important;gap:7px 12px}
  .combined .collection-strip .container span{white-space:nowrap}
  .combined .social-links a{width:44px;height:44px}
}
@media(min-width:1600px){
  .combined .container{max-width:1500px}
}