.season-gifts-line{
background:
radial-gradient(ellipse 70% 46% at 92% 8%, rgba(185,141,62,.14), transparent 58%),
radial-gradient(ellipse 55% 40% at 6% 88%, rgba(34,56,44,.08), transparent 52%),
#f4efe4;
}
.gifts-hero,
.gifts-panel,
.gifts-lists{scroll-margin-top:96px}
.gifts-hero--collage{
display:grid;
grid-template-columns:minmax(280px,0.85fr) minmax(320px,1.15fr);
gap:36px;
align-items:stretch;
max-width:1240px;
margin:0 auto;
padding:44px 24px 4px;
}
.gifts-hero-copy{display:flex;flex-direction:column;padding:18px 0 8px}
.gifts-paths{
display:inline-flex;
align-items:center;
gap:4px;
padding:4px;
margin:0 0 20px;
background:#fff;
border:1px solid rgba(34,56,44,.12);
border-radius:999px;
width:fit-content;
}
.gifts-path{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:118px;
padding:8px 16px;
border-radius:999px;
font:600 .88rem 'Inter',sans-serif;
color:var(--ink-soft);
text-decoration:none;
}
.gifts-path:hover{color:var(--ink)}
.gifts-path.is-active{background:var(--green-deep);color:#fff}
.gifts-line[data-gifts-path="zuhause"] .gifts-hero-firma,
.gifts-line[data-gifts-path="zuhause"] .gifts-for-firma{display:none}
.gifts-line[data-gifts-path="unternehmen"] .gifts-hero-privat,
.gifts-line[data-gifts-path="unternehmen"] .gifts-for-privat{display:none}
.gifts-hero-copy .home-kicker{color:var(--gold);margin-bottom:16px}
.gifts-hero-title{
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(2.25rem,4.6vw,3.6rem);
font-weight:500;
line-height:1.02;
letter-spacing:-.03em;
margin:0 0 22px;
}
.gifts-hero-copy h1 em{font-style:italic;color:var(--olive)}
.gifts-hero-pull{
font:italic 500 1.28rem/1.5 'Cormorant Garamond',Georgia,serif;
max-width:46ch;
margin:0 0 16px;
}
.gifts-hero-copy .gifts-copy{
font-size:1.02rem;
line-height:1.7;
color:var(--ink-soft);
max-width:42ch;
margin:0 0 12px;
}
.gifts-hero-note{margin:2px 0 0;font:500 .95rem 'Inter',sans-serif;color:var(--olive)}
.gifts-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.gifts-collage{
display:grid;
grid-template-columns:1.25fr .85fr;
grid-template-rows:0.95fr 0.85fr 1.45fr;
grid-template-areas:"wrap candle" "wrap workshop" "gift gift";
gap:12px;
height:min(74vh,680px);
}
.gifts-collage__item{margin:0;overflow:hidden;border-radius:20px;background:#e8e2d3}
.gifts-collage__item img{width:100%;height:100%;object-fit:cover;display:block}
.gifts-collage__item--wrap{grid-area:wrap}
.gifts-collage__item--candle{grid-area:candle}
.gifts-collage__item--workshop{grid-area:workshop}
.gifts-collage__item--gift{grid-area:gift}
.gifts-collage__item--wrap img{object-position:50% 38%}
.gifts-collage__item--candle img{object-position:50% 46%}
.gifts-collage__item--workshop img{object-position:50% 36%}
.gifts-collage__item--gift img{object-position:50% 48%}
.gifts-split{padding:28px 0 20px}
.gifts-split-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
max-width:1240px;
margin:0 auto;
padding:0 24px;
}
.gifts-panel{
background:#fffaf4;
border:1px solid rgba(34,56,44,.1);
border-radius:24px;
padding:30px 28px;
display:flex;
flex-direction:column;
box-shadow:0 18px 40px rgba(34,56,44,.07);
}
.gifts-panel h2{
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(1.9rem,3vw,2.5rem);
font-weight:500;
line-height:1.08;
margin:0 0 10px;
}
.gifts-lead{margin:0 0 8px;font:600 .95rem 'Inter',sans-serif}
.gifts-points{list-style:none;margin:8px 0 22px;padding:0}
.gifts-points li{padding:14px 0 14px 0;border-top:1px solid var(--line)}
.gifts-points strong{display:block;margin-bottom:4px}
.gifts-points span{color:var(--ink-soft);font-size:.92rem;line-height:1.55}
.gifts-panel--clients{background:#f7f3ea}
.gifts-lists{padding:12px 0 40px}
.gifts-lists-inner,.gifts-steps-inner{max-width:1240px;margin:0 auto;padding:0 24px}
.gifts-for-privat ul.products,
.gifts-for-firma ul.products{margin:8px 0 0}
.gifts-for-privat .card,
.gifts-for-firma .card{background:#fff}
.gifts-for-firma li.product.is-hidden{display:none}
.badge.wip{background:var(--olive)}
.card.is-wip .card-img{cursor:default}
.gifts-lists-head h2,.gifts-steps h2{
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(1.9rem,3vw,2.6rem);
font-weight:500;
margin:0 0 10px;
}
.gifts-copy{color:var(--ink-soft);line-height:1.65;max-width:56ch}
.gifts-filters{display:flex;flex-direction:column;gap:10px;margin:22px 0 24px}
.gifts-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gifts-filter-label{font:700 .72rem 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-right:6px}
.gifts-chip{
border:1px solid var(--line);
background:#fff;
border-radius:999px;
padding:8px 14px;
font:600 .84rem 'Inter',sans-serif;
cursor:pointer;
color:var(--ink);
}
.gifts-chip.is-active{background:var(--green-deep);color:#fff;border-color:var(--green-deep)}
.gifts-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gifts-card{
background:#fff;
border:1px solid var(--line);
border-radius:20px;
overflow:hidden;
display:flex;
flex-direction:column;
box-shadow:0 10px 28px rgba(34,56,44,.06);
}
.gifts-card.is-hidden{display:none}
.gifts-card-media{display:block;background:var(--cream);min-height:180px}
.gifts-card-media img,.gifts-card-media .ph{width:100%;height:200px;object-fit:cover}
.gifts-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.gifts-card-meta{font:700 .7rem 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0}
.gifts-card-body h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;font-weight:500;margin:0;line-height:1.2}
.gifts-card-body h3 a:hover{color:var(--green-deep)}
.gifts-card-body p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.55}
.gifts-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.gifts-inline-link{font-weight:600;color:var(--green-deep);border-bottom:1px solid rgba(34,56,44,.25)}
.gifts-inline-link:hover{border-color:var(--gold);color:var(--gold)}
.gifts-card-bom{list-style:none;margin:8px 0 0;padding:0;color:var(--ink-soft);font-size:.82rem}
.gifts-card-bom li{padding:3px 0}
.gifts-empty,.gifts-shop-link{margin:8px 0 0}
.gifts-shop-link{text-align:left}
.gifts-steps{padding:10px 0 88px}
.gifts-steps--workspace{padding-bottom:28px}
.gifts-steps-grid{
list-style:none;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin:22px 0 28px;
padding:0;
}
.gifts-steps-grid li{
background:#fff;
border-radius:18px;
padding:22px 20px;
border:1px solid var(--line);
}
.gifts-steps-grid span{
display:inline-flex;
width:32px;height:32px;
align-items:center;justify-content:center;
border-radius:99px;
background:var(--green-deep);
color:#fff;
font-weight:700;
margin-bottom:10px;
}
.gifts-steps-grid strong{display:block;margin-bottom:6px;font-size:1.05rem}
.gifts-steps-grid p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.5}
.gifts-steps-cta{display:flex;flex-wrap:wrap;gap:12px}
.gifts-bom{margin:18px 0;padding:16px 18px;background:var(--cream);border-radius:14px}
.gifts-bom h3{margin:0 0 8px;font-size:1.1rem}
.gifts-bom ul{margin:0;padding-left:18px}
.gifts-bom-qty{font-weight:700}
.gifts-workspace-grid{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr);
gap:36px;
align-items:start;
max-width:1240px;
margin:0 auto;
padding:0 24px 88px;
}
.gifts-workspace{scroll-margin-top:96px;min-width:0}
.gifts-account{max-width:none;margin:0;padding:0;scroll-margin-top:96px}
.gifts-account-head{margin:0 0 16px;padding:0 4px}
.gifts-account-head .home-kicker{margin-bottom:8px}
.gifts-account h2{
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(1.7rem,2.4vw,2.15rem);
font-weight:500;
line-height:1.15;
margin:0 0 8px;
}
.gifts-account-lead{color:var(--ink-soft);margin:0;max-width:40ch;line-height:1.55;font-size:.95rem}
.gifts-desk{
background:#fff;
border:1px solid rgba(34,56,44,.1);
border-radius:22px;
padding:22px 22px 8px;
box-shadow:0 10px 28px rgba(34,56,44,.05);
}
.gifts-desk-empty{margin:0 0 8px;color:var(--ink-soft);font-size:.95rem}
.gifts-note{
margin:0 0 18px;
padding:12px 14px;
background:var(--cream);
border-radius:12px;
color:var(--ink-soft);
font-size:.9rem;
line-height:1.5;
}
.gifts-upcoming{
background:var(--cream);
border-radius:14px;
padding:14px 16px;
margin:0 0 18px;
}
.gifts-upcoming h3{margin:0 0 8px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--olive)}
.gifts-upcoming ul{list-style:none;margin:0;padding:0}
.gifts-upcoming li{
display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
padding:10px 0;border-top:1px solid var(--line);
}
.gifts-upcoming li:first-child{border-top:none;padding-top:0}
.gifts-filters--account{margin:0 0 4px;gap:8px}
.gifts-filters--account .gifts-chip{padding:6px 12px;font-size:.8rem}
.gifts-people{list-style:none;margin:4px 0 8px;padding:0}
.gifts-person{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:6px 16px;
align-items:start;
padding:16px 0;
border-top:1px solid var(--line);
}
.gifts-person:first-child{border-top:none}
.gifts-person.is-hidden{display:none}
.gifts-person-main{min-width:0;grid-column:1}
.gifts-person-main strong{
display:block;
font:500 1.18rem/1.25 'Cormorant Garamond',Georgia,serif;
}
.gifts-person-main span{display:block;margin-top:3px;color:var(--ink-soft);font-size:.86rem}
.gifts-person-meta{display:flex;flex-wrap:wrap;gap:6px;grid-column:1}
.gifts-person-meta span{
display:inline-block;
padding:4px 9px;
border-radius:999px;
background:var(--cream);
font-size:.78rem;
color:var(--ink-soft);
}
.gifts-person-actions{
display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap;
grid-column:2;grid-row:1 / span 2
}
.gifts-person-actions form{margin:0}
.gifts-text-btn{
border:0;background:none;padding:0;cursor:pointer;
font:600 .86rem 'Inter',sans-serif;color:var(--ink-soft)
}
.gifts-text-btn:hover{color:#9b2c2c}
.gifts-add{margin:4px 0 14px;border-top:1px solid var(--line)}
.gifts-add summary{
cursor:pointer;
list-style:none;
padding:14px 0;
font:600 .95rem 'Inter',sans-serif;
color:var(--green-deep);
}
.gifts-add summary::-webkit-details-marker{display:none}
.gifts-add summary::before{content:'+ ';font-weight:700}
.gifts-add[open] summary::before{content:'– '}
.gifts-add[open] summary{padding-bottom:10px}
.gifts-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px 16px;
background:#fff;
border:1px solid var(--line);
border-radius:16px;
padding:22px;
}
.gifts-form h3{grid-column:1/-1;margin:0 0 4px}
.gifts-form label{display:block;font-size:.82rem;font-weight:600;margin-bottom:5px}
.gifts-form input,.gifts-form select,.gifts-form textarea{
width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--cream);font:400 .95rem 'Inter',sans-serif
}
.gifts-form input[type="file"]{padding:9px;font-size:.82rem;background:#fff}
.gifts-form .span-2{grid-column:1/-1}
.gifts-form .gifts-check{display:flex;align-items:center;gap:8px;font-weight:500;padding-top:24px}
.gifts-form .gifts-check input{width:auto}
.gifts-form-kicker{
margin:8px 0 0;
font:700 .7rem 'Inter',sans-serif;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--olive);
}
.gifts-form-kicker:first-child{margin-top:0}
.gifts-form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 8px}
.gifts-form--plain{
background:transparent;
border:none;
border-radius:0;
padding:0 0 12px;
}
.gifts-logo-preview{display:block;margin:0 0 8px}
.gifts-logo-preview img{max-height:48px;width:auto;border-radius:8px}
.gifts-msg{padding:12px 14px;border-radius:10px;margin:0 0 16px}
.gifts-msg--ok{background:#eef6ee;color:var(--green-deep)}
.gifts-msg--err{background:#fdecea;color:#9b2c2c}
.gifts-actions{display:flex;flex-wrap:wrap;gap:8px}
.gifts-signup-note{font-size:.88rem;color:var(--ink-soft);line-height:1.55}
.gifts-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.gifts-modal-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.gifts-modal-open{overflow:hidden}
.gifts-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}
.gifts-modal[hidden]{display:none}
.gifts-modal-overlay{position:absolute;inset:0;background:rgba(34,56,44,.55);backdrop-filter:blur(3px)}
.gifts-modal-box{
position:relative;
z-index:1;
width:min(640px,100%);
max-height:min(92vh,880px);
overflow:auto;
background:#fff;
border-radius:22px;
padding:32px 28px 28px;
box-shadow:0 18px 48px rgba(34,56,44,.22);
}
.gifts-modal-box > .home-kicker{margin-bottom:8px}
.gifts-modal-box > h2{
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(1.8rem,3vw,2.4rem);
font-weight:500;
line-height:1.1;
margin:0 0 10px;
}
.gifts-modal-box > .gifts-copy{margin:0 0 18px}
.gifts-modal-close{
position:absolute;
top:12px;
right:12px;
width:36px;
height:36px;
border:none;
background:var(--cream);
border-radius:99px;
font-size:1.5rem;
line-height:1;
cursor:pointer;
color:var(--ink-soft);
}
.gifts-modal-close:hover{background:var(--line);color:var(--ink)}
.gifts-modal .gifts-form{
background:transparent;
border:none;
border-radius:0;
padding:0;
}
@media(max-width:900px){
.gifts-hero--collage,.gifts-split-grid,.gifts-cards,.gifts-steps-grid,.gifts-form,.gifts-workspace-grid{grid-template-columns:1fr}
.gifts-collage{height:420px}
}
@media(max-width:640px){
.gifts-hero--collage{padding:28px 18px 0}
.gifts-split-grid,.gifts-lists-inner,.gifts-steps-inner,.gifts-workspace-grid{padding:0 18px}
.gifts-modal{padding:10px}
.gifts-modal-box{padding:28px 16px 20px}
}