/* Corporate gifts page (page-korporatyvni-podarunky.php). Site tokens from aroma.css. */

/* round sticker «ваш логотип» over the photos - shows where the company sticker goes */
.corp-sticker{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--white);color:var(--maroon);box-shadow:0 6px 18px rgba(var(--shade-rgb),.22),inset 0 0 0 4px var(--white),inset 0 0 0 5.5px rgba(var(--gold-rgb),.8);font-family:var(--serif);line-height:1.05;text-align:center;transform:rotate(-8deg);pointer-events:none}
.corp-sticker span{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}
.corp-sticker b{font-weight:600;font-size:19px}

/* hero: full screen bright photo (Higgsfield gpt_image_2_5 from the real Непал + Шантарам photos, sources in aroma-migrate/data/corp-hero-src), dark text on the empty linen at the left */
.corp-hero{position:relative;display:flex;flex-direction:column;min-height:calc(100svh - var(--corp-hdr,124px));background:var(--cream);color:var(--ink);overflow:hidden;isolation:isolate}
.corp-hero__bg,.corp-hero__shade{position:absolute;inset:0;z-index:-1}
.corp-hero__bg img{position:absolute;left:16%;bottom:5%;width:94%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(0deg,transparent 0,#000 12%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(0deg,transparent 0,#000 12%);mask-composite:intersect} /* natural size, the two open sets centred right of the text; raised so the closed box stack is cut at the top, left and bottom edges fade into the cream */
.corp-hero__shade{background:linear-gradient(90deg,rgba(248,247,239,.85) 0%,rgba(248,247,239,.5) 32%,rgba(248,247,239,0) 46%)}
.corp-hero__inner{flex:1;display:flex;flex-direction:column;padding-bottom:64px}
.corp-hero__text{margin:auto 0;max-width:540px;padding:20px 0}
.corp-hero .eyebrow{text-align:left}
.corp-hero__title{font-size:clamp(32px,3.6vw,52px);margin-bottom:18px}
.corp-hero__lead{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:480px;margin:0 0 24px}
.corp-facts{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 28px;padding:0}
.corp-facts li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--radius);background:rgba(255,255,255,.82);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:0}
.corp-facts strong{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--maroon);line-height:1.1}
.corp-facts span{font-size:12px;color:var(--mute)}
.corp-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0}
.corp-hero__down{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(var(--maroon-rgb),.3);background:rgba(255,255,255,.6);color:var(--maroon);animation:corp-bob 2.4s ease-in-out infinite}
.corp-hero__down .ic{width:20px;height:20px;fill:currentColor}
@keyframes corp-bob{50%{transform:translate(-50%,6px)}}
@media (prefers-reduced-motion:reduce){.corp-hero__down{animation:none}}
.corp-phone{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--maroon)}
.corp-phone .ic{width:20px;height:20px;fill:currentColor}
.corp-phone--big{font-size:22px;font-family:var(--serif)}

/* sets */
.corp-sets .sec-text{margin:-12px auto 32px;text-align:center}
.corp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.corp-set{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden}
.corp-set__media{position:relative;display:block;aspect-ratio:1;background:var(--card-bg)}
.corp-set__media img{width:100%;height:100%;object-fit:cover}
.corp-set__media .corp-sticker{right:12px;bottom:12px;width:76px;height:76px}
.corp-set__media .corp-sticker b{font-size:15px}
.corp-set__media .corp-sticker span{font-size:8px}
.corp-set__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.corp-set__title{font-size:19px;margin-bottom:10px}
.corp-set__title a{color:inherit}
.corp-set__count{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);margin:0 0 6px}
.corp-set__list{list-style:none;margin:0 0 16px;padding:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.corp-set__list li{position:relative;padding-left:14px;margin:3px 0}
.corp-set__list li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.corp-set__foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.corp-set__price{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--line-2);font-family:var(--serif);font-size:22px;color:var(--maroon)}
.corp-set__price span{font-family:var(--sans);font-size:13px;color:var(--mute)}
.corp-set__pick{width:100%;padding:11px 16px;font-size:14px;background:transparent;color:var(--maroon);border-color:var(--wine)}
.corp-set__pick:hover{background:var(--wine);color:#fff}

/* steps */
.corp-how{background:var(--cream-2)}
.corp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0;counter-reset:none}
.corp-steps li{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 22px 24px;background:var(--white);border-radius:var(--radius);border-top:2px solid var(--gold)}
.corp-steps__num{position:absolute;right:20px;top:22px;font-family:var(--serif);font-size:15px;color:var(--gold-2);letter-spacing:.06em}
.corp-steps__ic{display:inline-flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;background:rgba(var(--gold-rgb),.16);margin-bottom:6px}
.corp-steps__ic .ic{width:22px;height:22px;fill:var(--maroon)}
.corp-steps strong{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--maroon)}
.corp-steps li>span:last-child{font-size:14px;line-height:1.55;color:var(--ink-2)}

/* order form */
.corp-order__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.corp-order .eyebrow{text-align:left}
.corp-order__title{font-size:clamp(26px,3vw,36px)}
.corp-order__info>p{color:var(--ink-2);line-height:1.6}
.corp-order__mail a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.corp-faq{margin:30px 0 0;padding:0}
.corp-faq dt{font-family:var(--serif);font-size:18px;color:var(--maroon);padding-top:16px;border-top:1px solid var(--line)}
.corp-faq dd{margin:6px 0 16px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.corp-form{display:flex;flex-direction:column;gap:16px;padding:30px;background:var(--white);border:1px solid var(--line-2);border-radius:20px;box-shadow:var(--shadow)}
.corp-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.corp-field{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.corp-field>span,.corp-field legend{font-size:13px;font-weight:600;color:var(--ink-2)}
.corp-field input:not([type=checkbox]):not([type=file]),.corp-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:#fff;font-size:15px;outline:0;transition:border-color .2s}
.corp-field input:focus,.corp-field textarea:focus{border-color:var(--gold)}
.corp-field textarea{resize:vertical;min-height:84px}
.corp-field small{font-size:12px;color:var(--mute)}
.corp-pick{border:0;padding:0;flex-direction:row;flex-wrap:wrap;gap:8px}
.corp-pick legend{padding:0;margin-bottom:8px;width:100%}
.corp-chip{position:relative;cursor:pointer}
.corp-chip input{position:absolute;opacity:0;pointer-events:none}
.corp-chip span{display:inline-flex;padding:8px 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--ink-2);background:var(--cream);transition:background .2s,border-color .2s,color .2s}
.corp-chip input:checked+span{background:var(--wine);border-color:var(--wine);color:#fff}
.corp-chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.corp-file input{font-size:14px;color:var(--ink-2)}
.corp-file input::file-selector-button{margin-right:12px;padding:8px 16px;border-radius:999px;border:1px solid var(--wine);background:transparent;color:var(--maroon);font:inherit;font-weight:600;cursor:pointer}
.corp-form__send{align-self:flex-start;min-width:220px}
.corp-form__send:disabled{opacity:.6;cursor:wait}
.corp-form__msg{margin:0;padding:12px 16px;border-radius:10px;font-size:14px}
.corp-form__msg.is-ok{background:rgba(47,122,76,.1);color:var(--green)}
.corp-form__msg.is-err{background:rgba(179,38,30,.08);color:var(--red)}
.corp-form__note{margin:0;font-size:12px;color:var(--mute)}
.corp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* teaser on set pages + gift sets category (markup in inc/corporate.php, CSS lives in aroma.css) */

@media (max-width:1080px){
	.corp-grid,.corp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
	.corp-order__grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
	/* phone: square crop of the two open sets on top, text below on cream */
	.corp-hero__bg img{position:static;width:100%;height:auto;aspect-ratio:1580/1520;object-position:50% 0;-webkit-mask-image:none;mask-image:none}
	.corp-hero__bg{top:40px} /* below the breadcrumbs, they would cover the logo sticker */
	.corp-hero__shade{background:linear-gradient(180deg,rgba(248,247,239,0) calc(72vw + 40px),var(--cream) calc(96vw + 40px))}
	.corp-hero__inner{padding-bottom:72px}
	.corp-hero__text{margin:auto 0 0;padding:84vw 0 0}
	.corp-hero__lead{font-size:16px}
}
@media (max-width:560px){
	.corp-grid,.corp-steps,.corp-form__row{grid-template-columns:1fr}
	.corp-facts li{min-width:0;flex:1 1 40%;padding:10px 14px}
	.corp-facts strong{font-size:19px}
	.corp-form{padding:20px 16px}
	.corp-form__send{align-self:stretch}
}

/* why incense: pluses + origins */
.corp-why .sec-text{margin:-12px auto 34px;text-align:center;max-width:680px}
.corp-pluses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0 0 40px;padding:0}
.corp-pluses li{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line-2)}
.corp-pluses__ic{display:inline-flex;width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center;background:rgba(var(--gold-rgb),.16);margin-bottom:6px;color:var(--maroon)}
.corp-pluses__ic svg{width:26px;height:26px}
.corp-pluses strong{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--maroon);line-height:1.2}
.corp-pluses li>span:last-child{font-size:14px;line-height:1.6;color:var(--ink-2)}
.corp-origin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:32px 36px;border-radius:20px;background:var(--hero-bg);color:var(--on-dark-2)}
.corp-origin h3{color:var(--on-dark);font-size:clamp(22px,2.4vw,28px)}
.corp-origin__head p{margin:0;font-size:15px;line-height:1.6;color:rgba(var(--on-dark-rgb),.82)}
.corp-origin__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.corp-origin__list li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center;padding:14px 16px;border-radius:var(--radius);background:rgba(var(--on-dark-rgb),.07);border:1px solid rgba(var(--gold-rgb),.3)}
.corp-origin__list .flag{width:30px;height:20px;border-radius:3px;grid-row:span 2}
.corp-origin__list strong{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--gold)}
.corp-origin__list span{font-size:13px;line-height:1.4;color:rgba(var(--on-dark-rgb),.8)}
@media (max-width:1080px){.corp-pluses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.corp-origin{grid-template-columns:1fr;gap:20px;padding:26px 22px}}
@media (max-width:560px){.corp-pluses,.corp-origin__list{grid-template-columns:1fr}}