.griit-design-summary{--griit-orange: #ff4315;--griit-accent: #fc4c02;--griit-ink: #111111;--griit-muted: rgb(17 17 17 / .62);--griit-line: rgb(17 17 17 / .12);--griit-soft: #fff6f2;min-height:calc(100svh - var(--header-height, 92px));color:var(--griit-ink);background:#fff}.griit-design-summary .page-width{width:min(calc(100% - clamp(28px,6vw,112px)),1380px);margin-inline:auto}.griit-design-summary__inner{display:grid;grid-template-columns:minmax(0,.58fr) minmax(370px,.42fr);gap:clamp(28px,4vw,58px);align-items:start;height:calc(100svh - var(--header-height, 92px));padding-top:10px;padding-bottom:10px}.griit-design-summary__media{display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-areas:"thumbs preview";gap:16px;min-width:0;height:100%}.griit-design-summary__thumbs{grid-area:thumbs;display:flex;flex-direction:column;gap:10px}.griit-design-summary__thumbs span{display:block;width:66px;height:88px;border:2px solid var(--griit-ink);border-radius:6px;background:linear-gradient(150deg,transparent 0 46%,rgb(252 76 2 / .8) 47% 52%,transparent 53%),#f1f1f1}.griit-design-summary__preview{grid-area:preview;min-width:0}.griit-design-summary__art{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;height:100%;overflow:hidden;border-radius:8px;border:1px solid rgb(17 17 17 / .08);background:radial-gradient(circle at 50% 28%,rgb(252 76 2 / .08),transparent 38%),repeating-linear-gradient(140deg,rgb(17 17 17 / .035) 0 1px,transparent 1px 22px),linear-gradient(180deg,#fffaf7,#f3f2ef);box-shadow:inset 0 1px #ffffffb8}.griit-design-summary__preview-image{display:none}.griit-design-summary__art.is-real-preview{padding:clamp(18px,3vw,34px);background:radial-gradient(circle at 50% 24%,rgb(252 76 2 / .07),transparent 36%),linear-gradient(180deg,#fffaf7,#f3f2ef)}.griit-design-summary__art.is-real-preview .griit-design-summary__preview-image{display:block;width:auto;max-width:100%;height:auto;max-height:min(735px,calc(100svh - var(--header-height, 92px) - 92px));border-radius:4px;object-fit:contain;box-shadow:0 22px 58px #1111112e}.griit-design-summary__art.is-real-preview .griit-design-summary__route-line,.griit-design-summary__art.is-real-preview .griit-design-summary__route-dot,.griit-design-summary__art.is-real-preview .griit-design-summary__art-copy{display:none}.griit-design-summary__art:not(.is-real-preview):before{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border:1px solid rgb(17 17 17 / .12);border-radius:6px}.griit-design-summary__art:not(.is-real-preview):after{content:"";position:absolute;top:52px;right:52px;bottom:52px;left:52px;border:18px solid #f8f4ef;border-radius:4px;box-shadow:inset 0 0 0 1px #1111111a}.griit-design-summary__route-line{position:absolute;z-index:2;left:22%;top:30%;width:55%;height:36%;border-top:4px solid var(--griit-accent);border-right:4px solid var(--griit-accent);border-bottom:4px solid var(--griit-accent);border-radius:52% 42% 48% 38%;transform:rotate(-11deg);filter:drop-shadow(0 10px 18px rgb(252 76 2 / .28))}.griit-design-summary__route-dot{position:absolute;z-index:3;width:12px;height:12px;border:3px solid #ffffff;border-radius:999px;background:var(--griit-accent)}.griit-design-summary__route-dot--start{left:27%;top:43%}.griit-design-summary__route-dot--finish{right:28%;bottom:34%}.griit-design-summary__art-copy{position:absolute;z-index:4;left:70px;right:70px;bottom:62px;display:grid;gap:3px}.griit-design-summary__art-copy span{color:var(--griit-orange);font-size:.72rem;font-weight:850;line-height:1.2;text-transform:uppercase}.griit-design-summary__art-copy strong{max-width:100%;overflow:hidden;color:#fff;font-size:1.2rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.griit-design-summary__details div{min-width:0;border:1px solid rgb(17 17 17 / .1);border-radius:8px;background:#fff}.griit-design-summary__details dt,.griit-design-summary__price span,.griit-design-summary__eyebrow,.griit-design-summary__details-head span{color:var(--griit-orange);font-size:.72rem;font-weight:850;line-height:1.2}.griit-design-summary__details dt{display:block;margin-bottom:3px}.griit-design-summary__details dd{display:block;margin:0;color:var(--griit-ink);font-size:.82rem;font-weight:850;line-height:1.22;overflow-wrap:anywhere}.griit-design-summary__details dt{font-size:.64rem}.griit-design-summary__panel{position:relative;display:grid;gap:12px;align-content:start;max-height:none;height:100%;min-width:0;overflow:auto;padding-right:2px;scrollbar-gutter:stable}.griit-design-summary__copy{display:grid;gap:8px}.griit-design-summary__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;color:#11111194;text-transform:uppercase}.griit-design-summary__eyebrow:before{content:"";width:28px;height:2px;background:var(--griit-orange)}.griit-design-summary h1{margin:0;color:var(--griit-ink);font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.08;letter-spacing:0}.griit-design-summary p{margin:0;color:var(--griit-muted);font-size:.92rem;line-height:1.48}.griit-design-summary__checkout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"product price" "purchase purchase";gap:14px;padding:15px;border:1px solid var(--griit-line);border-radius:8px;background:#fff;box-shadow:0 18px 54px #11111114}.griit-design-summary__product{grid-area:product;min-width:0}.griit-design-summary__product strong,.griit-design-summary__product span,.griit-design-summary__price span,.griit-design-summary__price strong{display:block}.griit-design-summary__product strong{color:var(--griit-ink);font-size:1rem;line-height:1.25}.griit-design-summary__product span{margin-top:5px;color:var(--griit-muted);font-size:.84rem;line-height:1.35}.griit-design-summary__price{grid-area:price;min-width:112px;text-align:right}.griit-design-summary__price strong{margin-top:5px;color:var(--griit-ink);font-size:1.35rem;line-height:1}.griit-design-summary__purchase{grid-area:purchase;display:grid;grid-template-columns:144px minmax(180px,1fr);gap:12px;align-items:center}.griit-design-summary__quantity{display:grid;grid-template-columns:42px 1fr 42px;min-height:48px;overflow:hidden;border:1px solid rgb(17 17 17 / .14);border-radius:8px;background:#fff}.griit-design-summary__quantity:is(:hover,:focus-within){border-color:#fc4c025c;box-shadow:0 0 0 4px #fc4c0214}.griit-design-summary__quantity button,.griit-design-summary__quantity input{width:100%;border:0;background:transparent;color:var(--griit-ink);font:inherit;font-weight:850;text-align:center}.griit-design-summary__quantity input{-webkit-appearance:textfield;appearance:textfield}.griit-design-summary__quantity input::-webkit-inner-spin-button,.griit-design-summary__quantity input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.griit-design-summary__quantity button{cursor:pointer}.griit-design-summary__quantity button:is(:hover,:focus-visible){background:var(--griit-soft);color:var(--griit-orange)}.griit-design-summary__add{min-height:48px;padding:0 24px;border:1px solid var(--griit-orange);border-radius:8px;background:var(--griit-orange);color:#fff;font-size:.94rem;font-weight:850;cursor:pointer;box-shadow:0 12px 28px #fc4c022e}.griit-design-summary__add:is(:hover,:focus-visible){background:#d93d00;border-color:#d93d00}.griit-design-summary__add:disabled{cursor:wait;opacity:.7}.griit-design-summary__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.griit-design-summary__trust span{min-height:38px;padding:8px 10px;border-radius:8px;background:#f4f4f4;color:#111111c7;font-size:.78rem;font-weight:760;line-height:1.3}.griit-design-summary__edit{justify-self:start;color:var(--griit-orange);font-weight:850;text-underline-offset:5px}.griit-design-summary__details-shell{display:grid;gap:10px}.griit-design-summary__details-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 14px;border:1px solid rgb(17 17 17 / .1);border-radius:8px;background:#fff;cursor:pointer;list-style:none}.griit-design-summary__details-head::-webkit-details-marker{display:none}.griit-design-summary__details-head span{color:var(--griit-ink);font-size:.93rem}.griit-design-summary__details-head small{color:#1111117a;font-size:.72rem;font-weight:760;text-align:right}.griit-design-summary__details-head:after{content:"+";color:var(--griit-ink);font-size:1.3rem;font-weight:600;line-height:1}.griit-design-summary__details-shell[open] .griit-design-summary__details-head:after{content:"-"}.griit-design-summary__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.griit-design-summary__details div{min-height:42px;padding:6px 8px}.griit-design-summary__details div[data-design-detail-key=Route],.griit-design-summary__details div[data-design-detail-key=Ausschnitt]{grid-column:1 / -1}.griit-design-summary__details div[data-design-detail-key=Route],.griit-design-summary__details div[data-design-detail-key=Ausschnitt]{min-height:48px}.griit-product-summary-ready .griit-product-flow-hidden{display:none!important}.griit-product-summary-ready product-form-component .shopify-payment-button,.griit-product-summary-ready product-form-component shopify-accelerated-checkout{display:none!important}@media screen and (max-width:989px){.griit-design-summary__inner{grid-template-columns:1fr;height:auto;padding-top:104px}.griit-design-summary__panel{position:static;max-height:none;overflow:visible;padding-right:0}}@media screen and (min-width:990px){html.griit-product-summary-ready,html.griit-product-summary-ready body{overflow:hidden}}@media screen and (max-width:749px){.griit-design-summary .page-width{width:min(calc(100% - 28px),1380px)}.griit-design-summary__inner{gap:24px;padding-top:92px;padding-bottom:36px}.griit-design-summary__media{grid-template-columns:1fr;grid-template-areas:"preview"}.griit-design-summary__thumbs{display:none}.griit-design-summary__art{min-height:min(520px,64svh)}.griit-design-summary__art.is-real-preview{padding:18px}.griit-design-summary__art.is-real-preview .griit-design-summary__preview-image{max-height:min(470px,58svh)}.griit-design-summary__art:not(.is-real-preview):after{top:28px;right:28px;bottom:28px;left:28px;border-width:13px}.griit-design-summary__art-copy{left:42px;right:42px;bottom:38px}.griit-design-summary__details{grid-template-columns:1fr}.griit-design-summary__checkout{grid-template-columns:1fr;grid-template-areas:"product" "price" "purchase"}.griit-design-summary__price{text-align:left}.griit-design-summary__purchase{grid-template-columns:1fr}.griit-design-summary__details-head{display:grid;align-items:start}.griit-design-summary__details-head span{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/griit-product-design-flow.css.map */