:root{--nav-height-desktop: 72px;--nav-height-mobile: 60px;--cc-nav-z: 2147483647;--cc-nav-overlay-z: 2147483646;--cc-nav-bg: var(--color-white, #ffffff);--cc-nav-panel-bg: var(--color-canvas, #f7f3ee);--cc-nav-ink: var(--color-ink, #1f1f1f);--cc-nav-orange: var(--color-clay-orange, #f15722)}.cc-nav-wrapper{position:sticky;top:16px;z-index:var(--cc-nav-z);padding:0 var(--space-md, 16px);width:100%;box-sizing:border-box;pointer-events:none}.cc-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1480px;margin:0 auto;padding:12px 24px;box-sizing:border-box;background:var(--cc-nav-bg);border-radius:var(--radius-pill, 999px);box-shadow:var(--shadow-nav, 0 8px 28px rgba(0, 0, 0, .08));pointer-events:all;transition:padding .25s ease,box-shadow .25s ease}.cc-nav--scrolled{padding:8px 20px;box-shadow:0 8px 32px #0000001a}.cc-nav__logo{flex:0 0 auto;display:flex;align-items:center;min-width:0}.cc-nav__logo img{display:block;width:auto;height:34px;max-width:120px;object-fit:contain;transition:height .25s ease}.cc-nav--scrolled .cc-nav__logo img{height:28px}.cc-nav__links{display:flex;align-items:center;justify-content:center;gap:22px;flex:1 1 auto;min-width:0;list-style:none;margin:0;padding:0}.cc-nav__links a{display:inline-flex;align-items:center;font-family:var(--font-primary, inherit);font-size:15px;font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--cc-nav-ink);text-decoration:none;white-space:nowrap;padding:10px 0;border-radius:var(--radius-pill, 999px);transition:color .18s ease,opacity .18s ease}.cc-nav__links a:hover,.cc-nav__links a[aria-current=page]{color:var(--cc-nav-orange)}.cc-nav__actions{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-left:auto}.cc-nav__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:transparent;color:var(--cc-nav-ink);cursor:pointer;transition:background .18s ease,transform .18s ease}.cc-nav__icon-btn:hover{background:var(--cc-nav-panel-bg);transform:translateY(-1px)}.cc-nav__cart-count{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;background:var(--cc-nav-orange);color:#fff;border-radius:var(--radius-pill, 999px);font-size:10px;font-weight:700;line-height:1}.cc-nav__cart-count[data-count="0"]{display:none}.cc-nav__book{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;background:var(--cc-nav-ink);color:var(--cc-nav-panel-bg);border:none;border-radius:var(--radius-pill, 999px);font-family:var(--font-primary, inherit);font-size:15px;font-weight:600;line-height:1;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.cc-nav__book:hover{background:#2a2a28;transform:translateY(-1px);box-shadow:0 10px 24px #00000029}.cc-nav__hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:transparent;cursor:pointer}.cc-nav__hamburger-line{display:block;width:22px;height:2px;background:var(--cc-nav-ink);border-radius:2px;transition:transform .22s ease,opacity .22s ease}.cc-nav__hamburger-line:nth-child(2){margin:5px 0}.cc-nav--open .cc-nav__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.cc-nav--open .cc-nav__hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.cc-nav--open .cc-nav__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.cc-nav-overlay{position:fixed;top:88px;left:12px;right:12px;bottom:12px;z-index:var(--cc-nav-overlay-z);display:flex;flex-direction:column;height:auto;box-sizing:border-box;padding:32px 32px 160px;background:var(--cc-nav-panel-bg);border-radius:28px;box-shadow:0 12px 40px #0000001f;opacity:0;pointer-events:none;transform:translateY(-12px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:transform .28s ease,opacity .28s ease;will-change:transform,opacity}.cc-nav-overlay--open{opacity:1;pointer-events:auto;transform:translateY(0)}.cc-nav-overlay__close{align-self:flex-end;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-lg, 32px);border:none;border-radius:50%;background:var(--color-lifted, #ffffff);font-size:20px;cursor:pointer}.cc-nav-overlay__links{flex:0 0 auto;min-height:0;list-style:none;margin:0;padding:0}.cc-nav-overlay__links li{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .12))}.cc-nav-overlay__links a{display:block;padding:20px 0;font-family:var(--font-primary, inherit);font-size:28px;font-weight:500;line-height:1.15;letter-spacing:-.02em;color:var(--cc-nav-ink);text-decoration:none}.cc-nav-overlay__book{flex-shrink:0;margin-top:24px;margin-bottom:40px}body.cc-nav-menu-open{overflow:hidden!important;touch-action:none}body.cc-nav-menu-open .cc-nav-overlay{touch-action:pan-y}@media(max-width:1280px){body.cc-nav-menu-open a[href*="/products/pottery-painting"],body.cc-nav-menu-open a[href*="/products/pottery-painting-session"],body.cc-nav-menu-open a[href*="/collections/book"],body.cc-nav-menu-open a[href*="/pages/book"],body.cc-nav-menu-open a[href*=booking],body.cc-nav-menu-open a[href*=book-now]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}@media(min-width:1281px)and (max-width:1400px){.cc-nav{max-width:1320px;gap:14px;padding:10px 18px}.cc-nav__logo img{max-width:105px}.cc-nav__links{gap:16px}.cc-nav__links a{font-size:14px}.cc-nav__actions{gap:10px}.cc-nav__book{padding:13px 22px;font-size:14px}}@media(max-width:1280px){.cc-nav-wrapper{top:8px;padding:0 12px}.cc-nav{padding:10px 14px;gap:10px}.cc-nav__links,.cc-nav__book{display:none}.cc-nav__hamburger{display:flex}.cc-nav__logo img{height:32px;max-width:170px}}@media(max-width:480px){.cc-nav-wrapper{top:8px;padding:0 8px}.cc-nav{padding:8px 10px;gap:8px}.cc-nav__logo img{height:26px;max-width:140px}.cc-nav__actions{gap:4px}.cc-nav__icon-btn,.cc-nav__hamburger{width:40px;height:40px}.cc-nav-overlay{top:76px;left:10px;right:10px;bottom:10px;max-height:calc(100dvh - 86px);padding:24px 24px 160px;border-radius:24px}.cc-nav-overlay__links a{font-size:22px;padding:16px 0}}@media(prefers-reduced-motion:reduce){.cc-nav,.cc-nav-overlay,.cc-nav__hamburger-line,.cc-nav__logo img,.cc-nav__book,.cc-nav__icon-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/cc-nav.css.map */