/* Shared product packaging overview; accepted standalone composition. */
.doob-pkg-packaging{--ink:var(--doob-product-ink);--muted:var(--doob-product-ink-soft);--line:var(--doob-product-line);--gift:#97714f;--base:#777b7c;--premium:var(--doob-product-ink);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
.doob-pkg-packaging *{box-sizing:border-box}
.doob-pkg-packaging h2,.doob-pkg-packaging h3,.doob-pkg-packaging p{margin:0;color:inherit}
.doob-pkg-packaging{grid-column:1 / -1;width:100%;max-width:1200px;min-width:0;margin:calc(var(--doob-product-section-break) - var(--doob-product-row-gap)) auto 0;padding:0}
.doob-pkg-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:48px}
.doob-pkg-intro h2{font-size:44px;line-height:48px;letter-spacing:-.045em;font-weight:650;text-wrap:balance}
.doob-pkg-intro p{max-width:480px;justify-self:end;font-size:16px;line-height:24px;color:var(--muted)}
.doob-pkg-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:0;list-style:none;margin:0;padding:0}
.doob-pkg-package{display:grid;grid-template-rows:subgrid;grid-row:span 4;min-width:0;padding-top:16px;border-top:1px solid var(--line);margin-bottom:40px;position:relative}
.doob-pkg-package:not(:nth-child(3n))::after{content:'';position:absolute;top:0;bottom:0;right:-16px;width:1px;background:var(--line);opacity:.65}
.doob-pkg-category{display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;font-weight:600;letter-spacing:.025em;margin-bottom:16px}
.doob-pkg-category::before{content:'';width:6px;height:6px;border-radius:50%;flex:none;background:var(--base)}
.doob-pkg-package--gift .doob-pkg-category::before{background:var(--gift)}.doob-pkg-package--premium .doob-pkg-category::before{background:var(--premium)}
.doob-pkg-package picture{display:block;aspect-ratio:1;background:#34343b;overflow:hidden}
.doob-pkg-package img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.doob-pkg-package--painted img{object-position:50% 57%}
.doob-pkg-package h3{margin-top:24px;font-size:20px;line-height:28px;letter-spacing:-.025em;font-weight:600;text-wrap:balance}
.doob-pkg-package p{margin-top:12px;max-width:34ch;font-size:14px;line-height:20px;color:var(--muted)}
.doob-pkg-branding{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;border-top:1px solid var(--line);padding-top:24px}
.doob-pkg-branding h3{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.035em;max-width:25ch;text-wrap:balance}
.doob-pkg-branding p{font-size:14px;line-height:20px;color:var(--muted);max-width:42ch;justify-self:end}
@media(width<=959px){.doob-pkg-intro{grid-template-columns:1fr;gap:24px}.doob-pkg-intro h2{font-size:36px;line-height:40px}.doob-pkg-intro p{justify-self:start;max-width:520px}.doob-pkg-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.doob-pkg-package:not(:nth-child(3n))::after{content:none}.doob-pkg-package:nth-child(odd)::after{content:''}.doob-pkg-package h3{font-size:18px;line-height:24px}.doob-pkg-branding h3{font-size:20px;line-height:28px}}
@media(width<=640px){.doob-pkg-intro{gap:24px;margin-bottom:32px}.doob-pkg-intro h2{font-size:30px;line-height:34px;max-width:16ch}.doob-pkg-intro p{font-size:14px;line-height:20px;max-width:39ch}.doob-pkg-collection{column-gap:24px}.doob-pkg-package{padding-top:12px;margin-bottom:24px}.doob-pkg-package:nth-child(odd)::after{right:-12px}.doob-pkg-category{margin-bottom:12px;letter-spacing:0;gap:6px;font-weight:500}.doob-pkg-category::before{width:5px;height:5px}.doob-pkg-package h3{margin-top:16px;font-size:16px;line-height:22px;letter-spacing:-.03em;text-wrap:initial}.doob-pkg-package p{margin-top:8px;font-size:14px;line-height:20px}.doob-pkg-branding{grid-template-columns:1fr;gap:12px;padding-top:24px}.doob-pkg-branding h3{max-width:25ch}.doob-pkg-branding p{justify-self:start;max-width:38ch}}
