/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.site-header{position:relative;z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-border);}.site-header--sticky{position:sticky;top:0;}.toolbar-fixed .site-header--sticky,.toolbar-horizontal .site-header--sticky{top:var(--drupal-displace-offset-top,0);}.site-header__inner{display:flex;align-items:center;gap:clamp(0.9rem,2vw,1.75rem);max-width:var(--header-max-width);min-height:76px;margin:0 auto;padding:0.5rem var(--space);}.site-header__brand{display:flex;align-items:center;flex:0 1 auto;min-width:0;}.site-brand{display:flex;align-items:center;gap:0.7rem;min-width:0;}.site-brand__logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg);box-shadow:0 1px 2px rgb(27 27 32 / 6%);}.site-brand__logo img{width:34px;height:34px;display:block;}.site-brand__text{display:flex;flex-direction:column;min-width:0;line-height:1.15;}.site-brand__name{color:var(--color-text);font-size:1.4rem;font-weight:800;letter-spacing:-0.02em;text-decoration:none;white-space:nowrap;}.site-brand__name-accent{color:var(--color-accent);}.site-brand__tagline{margin-top:3px;color:var(--color-text-soft);font-size:0.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.site-header__panel{display:flex;align-items:center;flex:1 1 auto;gap:clamp(0.9rem,1.8vw,1.75rem);min-width:0;}.site-header__nav{display:flex;align-items:center;}.site-header__nav ul{display:flex;align-items:center;gap:clamp(0.85rem,1.5vw,1.5rem);margin:0;padding:0;list-style:none;}.site-header__nav li{margin:0;}.site-header__nav a{position:relative;display:inline-block;padding:0.3rem 0;color:var(--color-text-muted);font-size:0.9rem;font-weight:600;text-decoration:none;white-space:nowrap;}.site-header__nav a:hover,.site-header__nav a:focus{color:var(--color-accent);}.site-header__nav a.is-active{color:var(--color-accent);}.site-header__nav a.is-active::after{content:"";position:absolute;inset-inline:0;bottom:-0.4rem;height:3px;border-radius:3px;background:var(--color-accent);}.site-header__nav a:focus-visible,.site-brand__logo:focus-visible,.site-brand__name:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:6px;}.site-header__search{display:flex;align-items:center;margin-inline-start:auto;}.header-search{display:flex;align-items:center;gap:0.25rem;width:clamp(170px,14vw,215px);height:44px;padding:0 0.4rem 0 1.1rem;border-radius:var(--radius-pill);background:#f2f2f5;}.header-search:focus-within{box-shadow:0 0 0 2px rgb(229 83 116 / 35%);}.header-search__input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:0.92rem;}.header-search__input:focus{outline:none;}.header-search__input::placeholder{color:#a8a8b2;}.header-search__submit{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer;}.header-search__submit:hover{color:var(--color-accent);}.site-header__cta{display:flex;align-items:center;flex:0 0 auto;}.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;height:44px;padding:0 1.15rem;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:0.95rem;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 6px 16px rgb(229 83 116 / 28%);transition:background-color 0.18s ease,transform 0.18s ease;}.header-cta:hover,.header-cta:focus{background:var(--color-accent-dark);color:#fff;transform:translateY(-1px);}.header-cta__icon{display:inline-flex;}.header-cta__icon svg{display:block;}.header-cta:focus-visible,.header-search__submit:focus-visible,.site-header__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;}.site-header__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-inline-start:auto;padding:0 10px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);cursor:pointer;}.site-header__toggle-bar{display:block;height:2px;border-radius:2px;background:var(--color-text);transition:transform 0.18s ease,opacity 0.18s ease;}.site-header[data-open="true"] .site-header__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg);}.site-header[data-open="true"] .site-header__toggle-bar:nth-child(2){opacity:0;}.site-header[data-open="true"] .site-header__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}@media (max-width:1199px){.site-header__inner{min-height:68px;gap:0.75rem;}.site-header__toggle{display:flex;}.site-header__panel{position:absolute;inset-inline:0;top:100%;display:none;flex-direction:column;align-items:stretch;gap:1rem;max-height:calc(100vh - 68px);overflow-y:auto;padding:1rem var(--space) 1.5rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 18px 32px rgb(27 27 32 / 8%);}.site-header[data-open="true"] .site-header__panel{display:flex;}.site-header__nav ul{flex-direction:column;align-items:stretch;gap:0;}.site-header__nav a{display:block;padding:0.7rem 0;border-bottom:1px solid var(--color-border);font-size:1rem;}.site-header__nav a.is-active::after{display:none;}.site-header__search{margin-inline-start:0;}.header-search{width:100%;}.site-header__cta,.header-cta{width:100%;}html.site-header-menu-open{overflow:hidden;height:100%;}}@media (prefers-reduced-motion:reduce){.site-header,.site-header *{transition-duration:0.01ms !important;}}
:root{--color-text:#1b1b20;--color-text-muted:#4b4b55;--color-text-soft:#8b8b93;--color-bg:#fff;--color-accent:#e55374;--color-accent-dark:#c93d5c;--color-muted:#f4f4f6;--color-border:#e8e8ee;--radius-pill:999px;--font-base:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--space:1rem;--max-width:1200px;--header-max-width:1320px;--color-hero-bg:#fdf2f4;--color-hero-tint:#fdf3f5;--color-hero-heading:#3c1f2e;--color-hero-text:#5b4a55;--font-script:"Segoe Script","Bradley Hand","Brush Script MT","Comic Sans MS",cursive;}*,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;}body{margin:0;font-family:var(--font-base);font-size:1rem;line-height:1.5;color:var(--color-text);background:var(--color-bg);}img,svg,video{max-width:100%;height:auto;}a{color:var(--color-accent);}h1,h2,h3{line-height:1.2;}.layout-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space);}.site-breadcrumb,.site-highlighted,.site-help,.site-footer{padding:var(--space) 0;}.site-breadcrumb ol{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0;padding:0;font-size:0.85rem;color:var(--color-text-soft);list-style:none;}.site-breadcrumb li + li::before{content:'›';margin-right:0.35rem;}.site-breadcrumb a{color:var(--color-text-muted);text-decoration:none;}.site-breadcrumb a:hover{color:var(--color-accent);}.site-footer{border-top:1px solid var(--color-border);margin-top:calc(var(--space) * 2);}.site-highlighted{background:var(--color-muted);}.layout-main{padding:var(--space) 0;}.layout-main.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:calc(var(--space) * 2);}@media (max-width:800px){.layout-main.has-sidebar{grid-template-columns:1fr;}}.page-header{padding-top:var(--space);}.page-header h1,.page-title{margin:0 0 0.25rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;}.page-tabs ul{display:flex;gap:var(--space);margin:0 0 var(--space);padding:0;list-style:none;border-bottom:1px solid var(--color-border);}
.hero{--hero-height:clamp(420px,37vw,600px);--hero-content:38rem;--hero-media:66%;--hero-media-max:1150px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;min-height:var(--hero-height);background-color:var(--color-hero-bg);}.hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:radial-gradient(80% 90% at 96% 104%,rgb(240 198 188 / 32%) 0%,rgb(240 198 188 / 0%) 62%),linear-gradient(90deg,rgb(253 242 245 / 94%) 0%,rgb(253 242 245 / 78%) 22%,rgb(253 242 245 / 30%) 44%,rgb(253 242 245 / 0%) 62%),linear-gradient(180deg,rgb(255 255 255 / 40%) 0%,rgb(255 255 255 / 0%) 32%);}.hero__media{position:absolute;top:0;right:0;z-index:1;width:min(var(--hero-media),var(--hero-media-max));height:100%;object-fit:cover;object-position:100% 74%;-webkit-mask-image:linear-gradient(90deg,rgb(0 0 0 / 0) 0%,#000 24%);mask-image:linear-gradient(90deg,rgb(0 0 0 / 0) 0%,#000 24%);}.hero__inner{position:relative;z-index:3;width:100%;max-width:var(--header-max-width);margin:0 auto;padding:clamp(2.5rem,4.5vw,4rem) var(--space);}.hero__content{max-width:var(--hero-content);}.hero__eyebrow{display:inline-block;margin:0 0 clamp(0.9rem,1.6vw,1.25rem);padding:0.42rem 0.95rem;border:1px solid rgb(229 83 116 / 28%);border-radius:var(--radius-pill);background:rgb(255 255 255 / 72%);color:var(--color-accent);font-size:0.72rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;}.hero__title{margin:0 0 clamp(0.75rem,1.4vw,1rem);color:var(--color-hero-heading);font-size:clamp(1.95rem,3.6vw,3.4rem);font-weight:800;line-height:1.08;letter-spacing:-0.02em;}.hero__title-accent{display:block;color:var(--color-accent);}.hero__lead{max-width:32rem;margin:0 0 clamp(1.25rem,2.2vw,1.75rem);color:var(--color-hero-text);font-size:clamp(1rem,1.05vw,1.075rem);line-height:1.6;}.hero__actions{display:flex;flex-wrap:wrap;gap:0.75rem;}.hero__button{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;padding:0.85rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:0.95rem;font-weight:700;text-decoration:none;transition:background-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease;}.hero__button-icon{display:block;width:18px;height:18px;}.hero__button--primary{background-image:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:#fff;box-shadow:0 10px 24px rgb(229 83 116 / 26%);}.hero__button--primary:hover,.hero__button--primary:focus{color:#fff;box-shadow:0 14px 28px rgb(229 83 116 / 32%);transform:translateY(-1px);}.hero__button--ghost{background:rgb(255 255 255 / 88%);border-color:rgb(229 83 116 / 35%);color:var(--color-accent);}.hero__button--ghost:hover,.hero__button--ghost:focus{background:#fff;border-color:var(--color-accent);transform:translateY(-1px);}.hero__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;}.hero__features{display:flex;flex-wrap:wrap;gap:clamp(0.85rem,2.4vw,2.25rem);margin:clamp(1.5rem,3vw,2.25rem) 0 0;padding:0;list-style:none;}.hero-feature{display:flex;align-items:center;gap:0.5rem;}.hero-feature__icon{display:inline-flex;flex:0 0 auto;color:var(--color-accent);}.hero-feature__icon svg{display:block;width:22px;height:22px;}.hero-feature__label{max-width:8.5rem;color:var(--color-hero-text);font-size:0.82rem;font-weight:600;line-height:1.28;}.hero__note{position:absolute;top:10%;left:52%;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:0.05rem;color:var(--color-accent);font-family:var(--font-script);font-size:clamp(1.15rem,1.5vw,1.6rem);font-weight:700;line-height:1.3;transform:rotate(-6deg);transform-origin:left top;}.hero__note-heart{display:inline-flex;margin-top:0.4rem;}.hero__note-heart svg{display:block;width:20px;height:20px;}.hero__badge{position:absolute;right:clamp(1.5rem,12%,9rem);bottom:clamp(1.25rem,9%,3.5rem);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.1rem;width:clamp(6.5rem,8.5vw,9rem);aspect-ratio:1;padding:0.6rem;border-radius:50%;background:rgb(252 197 209 / 92%);color:var(--color-accent-dark);font-size:clamp(0.68rem,0.8vw,0.82rem);font-weight:700;line-height:1.25;text-align:center;transform:rotate(-7deg);box-shadow:0 12px 26px rgb(229 83 116 / 20%);}.hero__badge-heart{display:inline-flex;margin-top:0.15rem;}.hero__badge-heart svg{display:block;width:14px;height:14px;}@media (max-width:1199px){.hero__note,.hero__badge{display:none;}}@media (max-width:1023px){.hero{align-items:flex-start;padding-bottom:clamp(6rem,30vw,12rem);}.hero__media{top:auto;bottom:0;width:100%;height:clamp(8rem,34vw,15rem);object-position:76% 0%;-webkit-mask-image:linear-gradient(180deg,rgb(0 0 0 / 0) 0%,#000 30%);mask-image:linear-gradient(180deg,rgb(0 0 0 / 0) 0%,#000 30%);}.hero::before{background-image:linear-gradient(180deg,rgb(253 242 245) 0%,rgb(253 242 245) 52%,rgb(253 242 245 / 45%) 76%,rgb(253 242 245 / 0%) 100%),linear-gradient(180deg,rgb(255 255 255 / 35%) 0%,rgb(255 255 255 / 0%) 30%);}}@media (max-width:640px){.hero{min-height:0;padding-bottom:clamp(5rem,46vw,9rem);}.hero__title{font-size:clamp(1.85rem,8.5vw,2.4rem);}.hero__actions .hero__button{flex:1 1 auto;}.hero__features{gap:0.85rem 1.25rem;}.hero__media{height:clamp(8rem,44vw,12rem);object-position:78% 10%;}}@media (prefers-reduced-motion:reduce){.hero,.hero *{transition-duration:0.01ms !important;}}
.katalog,.katalog__grid{--katalog-pink:#e55374;--katalog-pink-gelap:#c93d5c;--katalog-teks:#2b2530;--katalog-redup:#7a7280;--katalog-garis:#eceaf0;--katalog-lembut:#fdf2f4;--katalog-lembut-2:#fdeef2;--katalog-radius:16px;}.katalog{margin:0 0 calc(var(--space) * 2);padding:clamp(1rem,2.5vw,1.75rem);background:var(--katalog-lembut);border:1px solid var(--katalog-lembut-2);border-radius:var(--katalog-radius);}.katalog__intro{max-width:62ch;margin:0 0 1.5rem;padding-left:0.85rem;border-left:3px solid var(--katalog-pink);color:var(--katalog-redup);font-size:0.95rem;line-height:1.7;}.katalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;}.katalog__kartu{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #f6dbe2;border-radius:var(--katalog-radius);transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease;}.katalog__kartu:hover{transform:translateY(-4px);border-color:var(--katalog-pink);box-shadow:0 14px 30px rgba(229,83,116,0.18);}.katalog__gambar{position:relative;display:block;padding:0.55rem;background:var(--katalog-lembut);}.katalog__gambar img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;background:#f7e8ec;transition:transform 0.25s ease;}.katalog__kartu:hover .katalog__gambar img{transform:scale(1.03);}.katalog__tanpa-foto{display:grid;place-items:center;aspect-ratio:1 / 1;border-radius:12px;background:#f7e8ec;color:var(--katalog-redup);font-size:0.85rem;}.katalog__badge{position:absolute;top:1rem;left:1rem;padding:0.28rem 0.7rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ef6d8b,var(--katalog-pink));color:#fff;font-size:0.72rem;font-weight:700;letter-spacing:0.01em;}.katalog__isi{display:flex;flex:1 1 auto;flex-direction:column;gap:0.35rem;padding:0.85rem 1rem 1.1rem;}.katalog__judul{margin:0;font-size:0.98rem;font-weight:700;line-height:1.35;}.katalog__judul a{color:var(--katalog-teks);text-decoration:none;}.katalog__judul a:hover,.katalog__judul a:focus-visible{color:var(--katalog-pink);}.katalog__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;margin:0;color:var(--katalog-redup);font-size:0.8rem;}.katalog__bintang{display:inline-flex;gap:0.1rem;color:var(--katalog-pink);font-size:0.9rem;line-height:1;}.katalog__meta-nilai{color:var(--katalog-pink-gelap);font-weight:700;}.katalog__harga{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.45rem;margin:0.15rem 0 0;}.katalog__dari{color:var(--katalog-redup);font-size:0.75rem;}.katalog__harga-nilai{color:var(--katalog-pink);font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:800;}.katalog__harga-coret{color:var(--katalog-redup);font-size:0.82rem;text-decoration:line-through;}.katalog__diskon{padding:0.15rem 0.6rem;border-radius:var(--radius-pill);background:var(--katalog-lembut-2);color:var(--katalog-pink);font-size:0.75rem;font-weight:700;}.katalog__tombol{margin-top:auto;min-height:2.6rem;padding:0.6rem 1.25rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ef6d8b,var(--katalog-pink));color:#fff;font-size:0.85rem;font-weight:700;text-align:center;text-decoration:none;}.katalog__tombol:hover,.katalog__tombol:focus-visible{background:linear-gradient(135deg,var(--katalog-pink),var(--katalog-pink-gelap));color:#fff;}.katalog__kosong{margin:0;padding:2rem;border:1px dashed #f3cdd6;border-radius:var(--katalog-radius);background:#fff;color:var(--katalog-redup);text-align:center;}.pager{margin:1.5rem 0 0;}.pager__items{display:flex;flex-wrap:wrap;gap:0.35rem;justify-content:center;margin:0;padding:0;list-style:none;}.pager__item a,.pager__item.is-active{display:block;min-width:2.25rem;padding:0.35rem 0.6rem;border:1px solid var(--katalog-garis,#eceaf0);border-radius:var(--radius-pill);color:var(--katalog-teks,#2b2530);text-align:center;text-decoration:none;}.pager__item a:hover,.pager__item a:focus-visible{background:var(--katalog-lembut-2,#fdeef2);border-color:var(--katalog-pink,#e55374);color:var(--katalog-pink,#e55374);}.pager__item.is-active{border-color:var(--katalog-pink,#e55374);color:var(--katalog-pink,#e55374);font-weight:700;}