/* Struk — seluruh situs satu kolom sempit seperti nota kasir di atas meja */
.fam-struk { --wrap: 680px; --card: #fffef9; --shadow: none; --sec-y: clamp(36px, 5vw, 64px); background: var(--bg); background-image: repeating-linear-gradient(90deg, transparent 0 40px, color-mix(in oklab, var(--ink) 4%, transparent) 40px 41px); }
.fam-struk main { position: relative; width: min(100% - 16px, 760px); margin: 18px auto; background: #fffef9; color: #1f1f1f; box-shadow: 0 30px 60px -30px rgb(0 0 0 / .4); --ink: #1f1f1f; --muted: #66625a; --line: #d9d4c7; --line-strong: #9a958a; --surface: #f6f2e7; --surface-2: #ece6d6; --bg: #fffef9; }
.fam-struk main::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 12px; background: linear-gradient(-45deg, transparent 33%, #fffef9 33% 66%, transparent 66%), linear-gradient(45deg, transparent 33%, #fffef9 33% 66%, transparent 66%); background-size: 24px 12px; }
.fam-struk .sec + .sec { border-top: 1px dashed #9a958a; }
.fam-struk .display, .fam-struk .h1, .fam-struk .h2 { text-transform: uppercase; letter-spacing: -.03em; }
.fam-struk .h2 { font-size: clamp(1.3rem, 1rem + 1.4vw, 1.9rem); }
.fam-struk .h2 em, .fam-struk .h1 em { font-style: normal; background: #1f1f1f; color: #fffef9; padding: 0 .12em; }
.fam-struk .sec-head { text-align: center; margin-inline: auto; justify-items: center; }
.fam-struk .sec-head--split { grid-template-columns: minmax(0, 1fr); justify-items: center; }
.fam-struk .sec-head--split > div { justify-items: center; }
.fam-struk .eyebrow { color: #1f1f1f; margin-inline: auto; }
.fam-struk .eyebrow::before, .fam-struk .eyebrow::after { content: "*"; }
.fam-struk .btn { border-radius: 0; text-transform: uppercase; font-size: .88rem; }
.fam-struk .btn--primary { --btn-bg: #1f1f1f; --btn-ink: #fffef9; }
.fam-struk .btn--ghost { border: 1.5px dashed #1f1f1f; }
.fam-struk .hdr { background: var(--bg); border-bottom: 1px dashed var(--line-strong); }
.fam-struk .hdr__in { width: min(100% - var(--gutter) * 2, 760px); }
.fam-struk .brand__mark { border-radius: 0; background: #1f1f1f; color: #fffef9; }
.fam-struk .brand__name { text-transform: uppercase; letter-spacing: .04em; font-size: 1rem; }
.fam-struk .nav__a { font-size: .84rem; text-transform: uppercase; }
.fam-struk .feat, .fam-struk .tcard, .fam-struk .step, .fam-struk .cinfo, .fam-struk .fstrip__i { border: 1px dashed #9a958a; border-radius: 0; background: transparent; }
.fam-struk .feat__ic { border-radius: 0; background: transparent; border: 1px solid #1f1f1f; color: #1f1f1f; }
.fam-struk .step__n { border-radius: 0; background: #1f1f1f; color: #fffef9; }
.fam-struk .tquote__q { font-size: clamp(1.1rem, 1rem + .8vw, 1.5rem); text-transform: uppercase; }
.fam-struk .faq-wrap { grid-template-columns: minmax(0, 1fr); }
.fam-struk .faq-wrap .sec-head { position: static; }
.fam-struk .faq__i { border-bottom-style: dashed; }
.fam-struk .contact { grid-template-columns: minmax(0, 1fr); }
.fam-struk .cat, .fam-struk .about__img, .fam-struk .gitem, .fam-struk .map, .fam-struk .pd__main, .fam-struk .cta { border-radius: 0; }
.fam-struk .about { grid-template-columns: minmax(0, 1fr); }
.fam-struk .about__img img, .fam-struk .gitem img, .fam-struk .crail__img img { filter: grayscale(.4); }
.fam-struk .pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fam-struk .clayout { grid-template-columns: minmax(0, 1fr); }
.fam-struk .cside { display: none; }
.fam-struk .clayout .catbtn, .fam-struk .clayout .ctools .select { display: inline-flex; }
.fam-struk .input, .fam-struk .select, .fam-struk .textarea { border-radius: 0; border-style: dashed; background: #fffef9; }
.fam-struk .ftr { background: transparent; border-top: 0; color: var(--ink); }
.fam-struk .ftr__panel { width: min(100%, 760px); margin-inline: auto; }
.fam-struk .badge { border-radius: 0; background: #1f1f1f; color: #fffef9; }
.fam-struk .wa-float { border-radius: 0; }
.fam-struk .pd--stacked { max-width: none; }
@media (min-width: 960px) { .fam-struk .pd--stacked .pd__info { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "box" "desc" "specs" "trust"; } .fam-struk .pd--stacked .pd__box { position: static; } }