@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 10%,#183d68,#07192d 70%);color:#10233f;font-family:Arial,Helvetica,sans-serif}.container{width:min(1200px,92%);margin:auto}.top{height:78px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:900;color:#fff;text-decoration:none}.logo span{background:#fff;color:#123b78;padding:5px 7px;margin-right:5px}.back{color:#fff;text-decoration:none;border:1px solid #ffffff55;padding:9px 14px;border-radius:5px;font-size:12px;font-weight:800}.catalog-shell{padding:20px 0 55px}.book-stage{width:min(1180px,96vw);margin:auto}.book{position:relative;width:100%;height:min(720px,78vh);min-height:430px;perspective:2200px;filter:drop-shadow(0 30px 45px #0009);cursor:pointer}.spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px #0008}.book-page{position:relative;overflow:hidden;background:#fff}.book-page.left{border-right:1px solid #d8d1c6}.book-page.right{border-left:1px solid #eee8df}.book-page:after{content:"";position:absolute;top:0;bottom:0;width:22px;pointer-events:none;opacity:.3}.book-page.left:after{right:0;background:linear-gradient(90deg,transparent,#6d5b4218)}.book-page.right:after{left:0;background:linear-gradient(90deg,#6d5b4218,transparent)}.book-page img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.spine{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-1px);background:#b7ab9d;box-shadow:0 0 9px #0003;z-index:5}.turn-page{position:absolute;right:0;top:0;width:50%;height:100%;z-index:20;transform-origin:left center;transform-style:preserve-3d;pointer-events:none}.turn-page.turning{animation:pageTurn .72s cubic-bezier(.22,.72,.22,1) forwards}.turn-front,.turn-back{position:absolute;inset:0;backface-visibility:hidden;background:#fff;overflow:hidden}.turn-front img,.turn-back img{width:100%;height:100%;object-fit:contain;display:block}.turn-back{transform:rotateY(180deg)}@keyframes pageTurn{0%{transform:rotateY(0);box-shadow:0 0 0 transparent}45%{box-shadow:-28px 0 45px #0004}100%{transform:rotateY(-180deg);box-shadow:0 0 0 transparent}}.page-zone{position:absolute;top:0;bottom:0;width:78px;border:0;background:transparent;color:#123b78;font-size:52px;font-weight:900;z-index:30;opacity:0;transition:opacity .2s,background .2s;cursor:pointer}.page-zone:hover{opacity:1;background:linear-gradient(90deg,#fff0,#123b7818);color:#123b78}.left-zone{left:0}.right-zone{right:0}.right-zone:hover{background:linear-gradient(270deg,#fff0,#123b7818)}.page-zone:disabled{display:none}.side-hint{display:none}.action-row{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.action-row a{padding:11px 18px;border-radius:5px;text-decoration:none;font-weight:900;font-size:12px}.download{background:#39A9FF;color:#fff}.wa{background:#25d366!important;color:#fff!important}.counter{color:#fff;font-size:13px;font-weight:900;text-align:center;margin-top:14px}.hint{text-align:center;color:#a9c0d8;font-size:11px;margin-top:10px}.floating-wa{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;text-decoration:none;font-weight:900;box-shadow:0 8px 24px #0006;z-index:100}@media(max-width:700px){.book{height:65vh;min-height:360px}.page-zone{width:58px;font-size:42px}.floating-wa{right:15px;bottom:15px;width:48px;height:48px}}@media(max-width:500px){.book{height:58vh}.page-zone{width:48px;font-size:34px}}
/* V22 — Floating WhatsApp on flipbook pages */
html,body{overflow-x:hidden}
.floating-wa{
  position:fixed !important;right:18px !important;bottom:18px !important;left:auto !important;top:auto !important;
  z-index:2147483647 !important;width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;
  padding:0 !important;margin:0 !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;
  background:#25D366 !important;box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 3px rgba(255,255,255,.75) !important;
  visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:none !important;text-decoration:none !important;
}
.floating-wa:hover{transform:scale(1.08) !important}
@media(max-width:600px){.floating-wa{right:14px !important;bottom:14px !important;width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important}}

/* V23 — TEN blue visual system + correct logo and mobile WA */
.logo-image{display:inline-flex!important;align-items:center;max-width:100%;text-decoration:none}
.logo-image img{display:block;width:220px;max-width:100%;height:auto;max-height:58px;object-fit:contain}
.floating-wa .wa-icon{display:flex!important;width:30px!important;height:30px!important;align-items:center!important;justify-content:center!important}
.floating-wa .wa-icon svg{display:block!important;width:100%!important;height:100%!important;fill:#fff!important}
@media(max-width:700px){.logo-image img{width:175px;max-height:48px}.floating-wa{width:52px!important;height:52px!important;right:14px!important;bottom:14px!important}.floating-wa .wa-icon{width:29px!important;height:29px!important}}

/* Correct previous/next page animation */
.turn-page.turn-next{right:0;left:auto;transform-origin:left center}
.turn-page.turn-prev{left:0;right:auto;transform-origin:right center}
.turn-page.turn-next.turning{animation:pageTurnNext .72s cubic-bezier(.22,.72,.22,1) forwards}
.turn-page.turn-prev.turning{animation:pageTurnPrev .72s cubic-bezier(.22,.72,.22,1) forwards}
@keyframes pageTurnNext{0%{transform:rotateY(0)}45%{box-shadow:-28px 0 45px #0004}100%{transform:rotateY(-180deg)}}
@keyframes pageTurnPrev{0%{transform:rotateY(0)}45%{box-shadow:28px 0 45px #0004}100%{transform:rotateY(180deg)}}
.page-zone{color:#123B78!important}

/* V24 — Remove instructional flipbook hint text */
.hint,.side-hint{display:none!important}
/* V26 brand system for catalogs/company profile */
body{font-family:'Montserrat',Arial,Helvetica,sans-serif!important}
.logo-image img{width:230px!important;max-height:64px!important}
.action-row .download{background:linear-gradient(135deg,#0758E8,#168BFF)!important;color:#fff!important}
.action-row .wa{background:#25D366!important;color:#fff!important}
.page-zone{background:#fff!important;color:#0758E8!important;border-color:#BFD9F8!important}
.page-zone:hover{background:#EEF6FF!important;color:#0B1E3A!important}
@media(max-width:700px){.logo-image img{width:180px!important;max-height:50px!important}}

/* V27 — A4-proportional Company Profile viewer */
.book-stage{width:min(1000px,92vw)!important}
.book{width:100%!important;aspect-ratio:1.41421356 / 1!important;height:auto!important;min-height:0!important;max-height:none!important}
.spread{grid-template-columns:1fr 1fr!important}
.book-page img{object-fit:contain!important}
.page-zone{width:72px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#0758E8!important;text-shadow:0 1px 3px rgba(255,255,255,.9)!important}
.book:hover .page-zone:not(:disabled){opacity:.55!important}
.page-zone:hover:not(:disabled){opacity:1!important;background:transparent!important;color:#0B1E3A!important}
.action-row{margin-top:18px!important}
@media(max-width:700px){
 .book-stage{width:min(94vw,520px)!important}
 .book{aspect-ratio:0.70710678 / 1!important;min-height:0!important}
 .spread{grid-template-columns:1fr!important}
 .book.mobile-mode .book-page.left{display:block!important;border-right:0!important}
 .book.mobile-mode .book-page.right{display:none!important}
 .book.mobile-mode .turn-page{width:100%!important}
 .book.mobile-mode .turn-page.turn-next{right:0!important;left:auto!important;transform-origin:left center!important}
 .book.mobile-mode .turn-page.turn-prev{left:0!important;right:auto!important;transform-origin:right center!important}
 .page-zone{width:46px!important;font-size:44px!important}
 .page-zone:hover:not(:disabled){background:transparent!important}
}

/* V28 FINAL — shared professional navigation for catalog/company profile */
.site-header{position:sticky!important;top:0!important;z-index:1000!important;background:linear-gradient(90deg,#071a34 0%,#0b2b57 52%,#0758e8 100%)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 25px rgba(4,20,42,.18)!important}
.site-header .nav{position:relative;min-height:78px;display:flex;align-items:center;justify-content:space-between;width:min(1200px,92%);margin:auto}
.site-header .logo-image{display:flex;align-items:center;padding:5px 10px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
.site-header .logo-image img{display:block;width:220px!important;height:auto!important;max-height:58px!important;object-fit:contain}
#main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
#main-nav>a,#main-nav .nav-dropdown>a{color:#fff!important;text-decoration:none!important;font-weight:800!important;padding:12px 13px;border-radius:10px;white-space:nowrap}
#main-nav>a:hover,#main-nav .nav-dropdown>a:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
.nav-dropdown{position:relative!important;padding:0!important}
.nav-dropdown .dropdown-menu{display:none;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;z-index:1200!important;min-width:265px!important;padding:8px!important;background:#fff!important;border:1px solid #bfd9f8!important;border-radius:14px!important;box-shadow:0 18px 40px rgba(7,25,45,.25)!important}
.nav-dropdown:hover>.dropdown-menu,.nav-dropdown:focus-within>.dropdown-menu,.nav-dropdown.open>.dropdown-menu{display:block!important}
.nav-dropdown .dropdown-menu a{display:block!important;color:#0b1e3a!important;background:#fff!important;padding:10px 12px!important;border-radius:8px!important;font-weight:700!important;text-decoration:none}
.nav-dropdown .dropdown-menu a:hover{background:#eef6ff!important;color:#0758e8!important}
.menu-toggle{display:none!important}
.catalog-shell{padding-top:12px!important}
.catalog-context{width:min(1200px,92%);margin:0 auto 8px;display:flex;justify-content:flex-end}
.subpage-back-row{width:min(1200px,92%);margin:0 auto 10px;display:flex;justify-content:flex-end}
.back-inline{display:inline-flex;align-items:center;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important;padding:9px 14px!important;text-decoration:none!important;font-weight:800!important}
.spine{display:none!important}
.spread{gap:8px!important;grid-template-columns:1fr 1fr!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.book-page{border:0!important;border-radius:3px;box-shadow:0 16px 40px rgba(0,0,0,.28);overflow:hidden!important}
.book-page:after{display:none!important}
.book-page img{background:#fff!important}
.page-zone{z-index:100!important;opacity:1!important;color:#fff!important;width:66px!important;text-shadow:0 2px 6px rgba(0,0,0,.55)!important}
.page-zone:hover{background:transparent!important;color:#55b8ff!important}
.action-row{margin-top:16px!important}
.floating-wa{z-index:9999!important}
@media(max-width:900px){
 .site-header .nav{min-height:72px}
 .site-header .logo-image{padding:4px 8px!important;border-radius:11px!important}
 .site-header .logo-image img{width:180px!important;max-height:48px!important}
 .menu-toggle{display:grid!important;place-items:center!important;width:44px!important;height:40px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:24px!important}
 #main-nav{display:none!important;position:absolute!important;top:72px!important;left:2.5%!important;right:2.5%!important;margin:0!important;padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;background:#0b1e3a!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:0 0 18px 18px!important;box-shadow:0 20px 45px rgba(0,0,0,.25)!important;max-height:calc(100vh - 82px)!important;overflow:auto!important}
 #main-nav.is-open{display:flex!important}
 #main-nav>a,#main-nav .nav-dropdown>a{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 14px!important;color:#fff!important}
 .nav-dropdown{width:100%!important}
 .nav-dropdown .dropdown-menu{position:static!important;display:none!important;width:100%!important;min-width:0!important;margin:2px 0 6px!important;box-shadow:none!important;border-radius:12px!important}
 .nav-dropdown.open>.dropdown-menu{display:block!important}
 .nav-dropdown .dropdown-menu a{color:#0b1e3a!important;padding:10px 12px!important}
 .catalog-context,.subpage-back-row{justify-content:center}
 .book{width:min(92vw,560px)!important;height:auto!important;aspect-ratio:.707/1!important;min-height:0!important;margin:0 auto!important}
 .book.mobile-mode .spread{display:block!important}
 .book.mobile-mode .book-page.right{display:none!important}
 .book.mobile-mode .book-page.left{width:100%!important;height:100%!important}
 .book.mobile-mode .page-zone{width:52px!important;font-size:42px!important}
 .book.mobile-mode .cover-photo{display:none!important}
 .floating-wa{right:14px!important;bottom:14px!important;width:52px!important;height:52px!important}
}
@media(max-width:560px){.site-header .logo-image img{width:155px!important;max-height:42px!important}.book{width:92vw!important}.page-zone{width:42px!important;font-size:34px!important}}
/* V28 A4 geometry + reverse page turn */
.book{width:min(1040px,90vw)!important;height:auto!important;aspect-ratio:1.414/1!important;min-height:0!important;margin:0 auto!important}
@keyframes pageTurnPrev{0%{transform:rotateY(0);box-shadow:0 0 0 transparent}45%{box-shadow:28px 0 45px #0004}100%{transform:rotateY(180deg);box-shadow:0 0 0 transparent}}
.turn-page.turn-prev.turning{animation:pageTurnPrev .72s cubic-bezier(.22,.72,.22,1) forwards!important}
@media(max-width:900px){.book{width:min(92vw,560px)!important;aspect-ratio:.707/1!important}}
/* V30 shared shell overrides */
@font-face{font-family:Inter;src:url('../fonts/Inter-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/Inter-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/Inter-Bold.otf') format('opentype');font-weight:700;font-display:swap}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif!important}.site-header{position:sticky!important;top:0!important;z-index:1000!important;background:linear-gradient(100deg,#071d3c,#103b78 60%,#0758e8)!important;box-shadow:0 8px 28px rgba(5,26,55,.18)!important}.site-header .nav{min-height:76px!important;width:min(1160px,92%)!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}.brand-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:240px!important;height:68px!important;padding:5px 12px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}.brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}.menu-toggle{display:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.08)!important;border-radius:11px!important;width:44px!important;height:42px!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-direction:column!important;cursor:pointer!important}.menu-toggle span{width:20px!important;height:2px!important;background:#fff!important;border-radius:2px!important}.site-header nav{display:flex!important;align-items:center!important;gap:8px!important}.site-header nav>a,.dropdown-trigger{border:0!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;font-size:14px!important;padding:12px 14px!important;border-radius:11px!important;white-space:nowrap!important;cursor:pointer!important}.site-header nav>a:hover,.site-header nav>a[aria-current=page],.nav-dropdown.open>.dropdown-trigger{background:rgba(255,255,255,.15)!important}.nav-dropdown{position:relative!important}.dropdown-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;min-width:270px!important;padding:8px!important;background:#fff!important;border:1px solid #cfe0f5!important;border-radius:14px!important;box-shadow:0 20px 45px rgba(7,25,45,.24)!important}.nav-dropdown:hover>.dropdown-menu,.nav-dropdown:focus-within>.dropdown-menu,.nav-dropdown.open>.dropdown-menu{display:block!important}.dropdown-menu a{display:block!important;color:#10233f!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;padding:10px 12px!important;border-radius:9px!important}.dropdown-menu a:hover{background:#eef6ff!important;color:#0758e8!important}.site-footer{background:#071d3c!important;color:#dbe9fa!important;padding:58px 0 0!important}.site-footer .container{width:min(1160px,92%)!important;margin:auto!important}.site-footer .footer-grid{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1fr!important;gap:35px!important;padding-bottom:35px!important}.site-footer h3{color:#fff!important}.site-footer a{color:#dbe9fa!important;text-decoration:none!important}.footer-logo{width:220px!important;height:62px!important}.copyright{border-top:1px solid rgba(255,255,255,.16)!important;padding:18px 0!important;font-size:12px!important;color:#9fb7d4!important}.floating-wa{position:fixed!important;right:18px!important;bottom:18px!important;width:58px!important;height:58px!important;border-radius:50%!important;background:#25d366!important;color:#fff!important;display:grid!important;place-items:center!important;z-index:9999!important;box-shadow:0 12px 30px rgba(0,0,0,.25)!important;border:3px solid rgba(255,255,255,.65)!important}.floating-wa svg{width:31px!important;height:31px!important;fill:currentColor!important}.catalog-shell{padding-bottom:40px!important}.catalog-context{width:min(1160px,92%);margin:22px auto 10px}.back-inline{color:#0758e8!important;font-weight:800!important;text-decoration:none!important}.action-row{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin:20px auto!important}.action-row a{border-radius:9px!important;padding:12px 16px!important;font-weight:800!important;text-decoration:none!important}.download{background:#0758e8!important;color:#fff!important}.wa{background:#25d366!important;color:#fff!important}
@media(max-width:900px){.site-header .nav{min-height:72px!important}.brand-logo{width:190px!important;height:58px!important}.menu-toggle{display:flex!important}.site-header nav{display:none!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;padding:12px 4%!important;background:linear-gradient(135deg,#071d3c,#103b78)!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;box-shadow:0 18px 30px rgba(0,0,0,.18)!important;max-height:calc(100vh - 72px)!important;overflow:auto!important}.site-header nav.is-open{display:flex!important}.site-header nav>a,.dropdown-trigger{width:100%!important;text-align:left!important;padding:13px 14px!important}.nav-dropdown{width:100%!important}.dropdown-menu{position:static!important;width:100%!important;min-width:0!important;margin:3px 0 6px!important;box-shadow:none!important;border-radius:12px!important}.nav-dropdown:hover>.dropdown-menu{display:none!important}.nav-dropdown:focus-within>.dropdown-menu,.nav-dropdown.open>.dropdown-menu{display:block!important}.site-footer .footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.site-footer .footer-grid{grid-template-columns:1fr!important}.floating-wa{width:52px!important;height:52px!important;right:13px!important;bottom:13px!important}.floating-wa svg{width:28px!important;height:28px!important}}


/* V33 — clean catalog pagination: first page alone, then pairs; mobile always one page. */
.cover-photo{display:none!important}
.book.single-mode .spread{display:block!important;position:absolute!important;inset:0!important}
.book.single-mode .book-page.left{width:50%!important;height:100%!important;margin:0 auto!important;border:0!important}
.book.single-mode .book-page.right{display:none!important}
.book.single-mode .spine{display:none!important}
@media(max-width:700px){
  .book.mobile-mode .spread{display:block!important;inset:0!important}
  .book.mobile-mode .book-page.left{display:block!important;width:100%!important;height:100%!important;margin:0!important;border:0!important}
  .book.mobile-mode .book-page.right{display:none!important}
  .book.mobile-mode .spine{display:none!important}
  .book.mobile-mode .turn-page{width:100%!important}
  .book.mobile-mode .turn-page.turn-next{right:0!important;left:auto!important;transform-origin:left center!important}
  .book.mobile-mode .turn-page.turn-prev{left:0!important;right:auto!important;transform-origin:right center!important}
}

/* V35 — Refined page-turn animation and interaction */
.book{transform-style:preserve-3d;will-change:transform;isolation:isolate}
.book-page{backface-visibility:hidden}
.turn-page{will-change:transform,filter;perspective:2200px;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.turn-front,.turn-back{backface-visibility:hidden;transform-style:preserve-3d}
.turn-page.turn-next.turning{animation:pageTurnNextV35 .82s cubic-bezier(.18,.72,.16,1) forwards}
.turn-page.turn-prev.turning{animation:pageTurnPrevV35 .82s cubic-bezier(.18,.72,.16,1) forwards}
@keyframes pageTurnNextV35{
  0%{transform:rotateY(0deg);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
  28%{transform:rotateY(-30deg);filter:drop-shadow(-10px 8px 14px rgba(0,0,0,.10))}
  58%{transform:rotateY(-118deg);filter:drop-shadow(-24px 10px 30px rgba(0,0,0,.24))}
  82%{transform:rotateY(-160deg);filter:drop-shadow(-10px 5px 18px rgba(0,0,0,.14))}
  100%{transform:rotateY(-180deg);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
}
@keyframes pageTurnPrevV35{
  0%{transform:rotateY(0deg);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
  28%{transform:rotateY(30deg);filter:drop-shadow(10px 8px 14px rgba(0,0,0,.10))}
  58%{transform:rotateY(118deg);filter:drop-shadow(24px 10px 30px rgba(0,0,0,.24))}
  82%{transform:rotateY(160deg);filter:drop-shadow(10px 5px 18px rgba(0,0,0,.14))}
  100%{transform:rotateY(180deg);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
}
.turn-page .turn-front:after,.turn-page .turn-back:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .1s}
.turn-page.turning .turn-front:after{opacity:1;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 24%,rgba(255,255,255,.10) 52%,rgba(0,0,0,.08) 100%)}
.turn-page.turning .turn-back:after{opacity:1;background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(255,255,255,.08) 48%,rgba(0,0,0,.16) 100%)}
.back-inline{position:relative;z-index:50;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid rgba(191,217,248,.55);border-radius:9px;background:rgba(255,255,255,.07);color:#fff!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:background .2s,transform .2s}
.back-inline:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}
@media(max-width:700px){.back-inline{font-size:12px;padding:9px 12px}.turn-page.turning{animation-duration:.72s}}
@media(prefers-reduced-motion:reduce){.turn-page.turn-next.turning,.turn-page.turn-prev.turning{animation-duration:.01ms}}

.catalog-nav-choices{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 18px}.catalog-nav-choices a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:11px;border:1px solid #cfe0f2;background:#fff;color:#123b78;text-decoration:none;font-weight:800;font-size:13px;box-shadow:0 6px 16px rgba(7,31,66,.06);transition:.2s}.catalog-nav-choices a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,31,66,.1);background:#f4f9ff}.catalog-nav-choices a.primary-nav{background:#0b58e8;color:#fff;border-color:#0b58e8}.catalog-nav-choices a.primary-nav:hover{background:#084ac7}
@media(max-width:600px){.catalog-nav-choices{margin-bottom:13px}.catalog-nav-choices a{width:100%;font-size:12px;padding:10px 12px}}

/* V42 — consistent catalog navigation for shared catalogs */
.catalog-nav-choices{max-width:min(1160px,92%);align-items:center}
.catalog-nav-choices a{min-height:40px}
.catalog-nav-choices a.primary-nav{box-shadow:0 8px 18px rgba(7,88,232,.20)}
@media(max-width:700px){.catalog-nav-choices{max-width:92%;gap:8px}.catalog-nav-choices a{width:auto;flex:1 1 180px}.catalog-nav-choices a:last-child{flex-basis:100%}}

/* V49 — Shared mega navigation for catalog pages */
.dropdown-menu.mega-menu{width:min(820px,calc(100vw - 40px))!important;min-width:0!important;padding:18px!important;left:auto!important;right:0!important;background:#fff!important}
.mega-menu-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}
.mega-group{min-width:0}.mega-group h3{margin:0 0 7px;padding-bottom:6px;border-bottom:1px solid #e4edf8;color:#123b78;font-size:11px;letter-spacing:1.1px;text-transform:uppercase}.mega-group a{display:block!important;padding:6px 7px!important;margin:1px 0;color:#243f61!important;font-size:12px!important;font-weight:700!important;border-radius:7px}.mega-group a:hover{background:#eef6ff!important;color:#0758e8!important}.mega-menu-actions{display:flex;gap:9px;justify-content:flex-end;border-top:1px solid #e1ebf7;margin-top:14px;padding-top:14px}.mega-cta{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 13px!important;border-radius:8px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}.mega-cta.whatsapp{background:#25d366!important;color:#fff!important}.mega-cta.catalog{background:#eef6ff!important;color:#0758e8!important;border:1px solid #cfe0f5}.site-header .nav-cta{background:#25d366!important;color:#fff!important;padding:10px 15px!important;border-radius:11px!important;font-weight:800!important;text-decoration:none!important}.site-header .nav-cta:hover{background:#1ebe5b!important}.catalog-shell .conversion-note{width:min(1160px,92%);margin:0 auto 22px;padding:15px 18px;border:1px solid #d7e6f7;border-radius:16px;background:#f7fbff;display:flex;align-items:center;justify-content:space-between;gap:18px}.catalog-shell .conversion-note strong{font-size:14px;color:#123b78}.catalog-shell .conversion-note span{font-size:12px;color:#607590}.catalog-shell .conversion-note .btn{padding:10px 14px;background:#25d366;color:#fff;text-decoration:none;border-radius:8px;font-weight:800;font-size:12px;white-space:nowrap}
@media(max-width:1100px){.site-header .nav-cta{display:none}.dropdown-menu.mega-menu{width:min(760px,calc(100vw - 32px))!important}}@media(max-width:900px){.mega-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dropdown-menu.mega-menu{position:static!important;width:100%!important;padding:14px!important}.mega-menu-actions{justify-content:stretch}.mega-menu-actions .mega-cta{flex:1}.catalog-shell .conversion-note{width:92%;align-items:flex-start;flex-direction:column}.catalog-shell .conversion-note .btn{width:100%;text-align:center}}@media(max-width:600px){.mega-menu-grid{grid-template-columns:1fr}.mega-menu-actions{flex-direction:column}.mega-menu-actions .mega-cta{width:100%}}

/* V51 — catalog family navigation: show every related landing page above the shared catalog. */
.catalog-nav-choices.catalog-nav-uniform{width:min(1160px,92%);max-width:1160px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.catalog-nav-choices.catalog-nav-uniform a{min-height:40px;white-space:nowrap}
.catalog-nav-choices.catalog-nav-uniform a.catalog-all-link{background:#fff;color:#123b78;border-color:#cfe0f2}
.catalog-nav-choices.catalog-nav-uniform a.catalog-all-link:hover{background:#f4f9ff;color:#0758e8}
@media(max-width:700px){.catalog-nav-choices.catalog-nav-uniform{width:92%;gap:8px;margin-bottom:14px}.catalog-nav-choices.catalog-nav-uniform a{flex:1 1 180px;white-space:normal}.catalog-nav-choices.catalog-nav-uniform a.catalog-all-link{flex-basis:100%}}


/* V52 — category-first Sewa Alat Event menu. Landing pages appear only after a category is clicked. */
.dropdown-menu.compact-mega-menu{width:330px!important;min-width:330px!important;max-width:calc(100vw - 32px)!important;padding:12px!important;right:0!important;left:auto!important;overflow:visible!important}
.mega-menu-title{padding:5px 8px 9px;border-bottom:1px solid #e3edf8;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mega-menu-title span{font-size:12px;font-weight:900;color:#123b78}.mega-menu-title small{font-size:9px;color:#7a8da7;font-weight:700}
.mega-menu-groups{display:flex;flex-direction:column;gap:4px;margin-top:8px}.mega-group{min-width:0}.mega-group-trigger{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1ebf7!important;background:#f8fbff!important;color:#123b78!important;border-radius:9px!important;padding:10px 11px!important;font-size:12px!important;font-weight:850!important;text-align:left;cursor:pointer}.mega-group-trigger span{font-size:12px;transition:transform .18s}.mega-group.open .mega-group-trigger{background:#eef6ff!important;border-color:#b9d5f4!important;color:#0758e8!important}.mega-group.open .mega-group-trigger span{transform:rotate(180deg)}
.mega-group-links{display:none;padding:4px 0 5px 7px}.mega-group.open .mega-group-links{display:block}.mega-group-links a{display:block!important;padding:7px 9px!important;margin:1px 0!important;color:#294566!important;font-size:12px!important;font-weight:700!important;border-radius:7px!important;text-decoration:none!important}.mega-group-links a:hover{background:#eef6ff!important;color:#0758e8!important}
.dropdown-menu.compact-mega-menu .mega-menu-actions{display:flex;gap:7px;justify-content:stretch;border-top:1px solid #e1ebf7;margin-top:8px;padding-top:9px}.dropdown-menu.compact-mega-menu .mega-cta{flex:1;min-width:0;padding:9px 8px!important;font-size:11px!important;text-align:center;white-space:nowrap}
@media(max-width:900px){.dropdown-menu.compact-mega-menu{width:100%!important;min-width:0!important;max-width:none!important;position:static!important;padding:10px!important}.mega-menu-title{padding:4px 6px 8px}.mega-menu-groups{gap:4px}.mega-group-links{padding-left:5px}.dropdown-menu.compact-mega-menu .mega-menu-actions{flex-direction:column}.dropdown-menu.compact-mega-menu .mega-cta{width:100%;white-space:normal}}

/* V52 — disable hover opening; menu opens on click only. */
.nav-dropdown:hover>.dropdown-menu{display:none!important}.nav-dropdown.open>.dropdown-menu,.nav-dropdown:focus-within>.dropdown-menu{display:block!important}