/* SAMUI · страница для компаний /zakaz-korporativnykh-podarkov/: корпоративные подарки по безналу.
   Тёмный тик и золото; на первом экране — упаковки и предметы заказчика, ниже калькулятор заказа. */
.corp{position:relative;overflow:clip;color:var(--sm-on-dark);background:linear-gradient(160deg,#1A0E06 0%,#2C180B 46%,#4A2A12 100%);border-radius:0 0 var(--r-panel) var(--r-panel);padding:calc(var(--sm-header) + 44px) 0 64px}
.corp__bg{position:absolute;inset:0;pointer-events:none}
.corp__dot{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#FFF6D8;box-shadow:0 0 12px 4px rgba(255,236,170,.6);opacity:.2}
.corp__areca{position:absolute;bottom:calc(-9vw / var(--zf,1));width:calc(30vw / var(--zf,1));height:auto;filter:brightness(.5) saturate(.7)}
.corp__areca--l{left:calc(-9vw / var(--zf,1));rotate:-32deg}
.corp__areca--r{right:calc(-8vw / var(--zf,1));rotate:38deg;transform:scaleX(-1)}
.corp .corp__in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.corp__text{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.corp__kicker{font-family:var(--sm-font-display);font-size:13.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#E0BE7E}
.corp__tabs{display:flex;flex-wrap:wrap;gap:8px}
.corp__tab{height:42px;padding:0 18px;border-radius:var(--sm-r-pill);border:1.4px solid rgba(224,190,126,.5);font-family:var(--sm-font-display);font-size:15.5px;font-weight:600;color:var(--sm-on-dark);transition:background .2s,color .2s,border-color .2s}
.corp__tab:hover{border-color:#FFD98A}
.corp__tab.is-on{background:#FFD98A;border-color:#FFD98A;color:#2A160A}
.corp__h1{font-family:var(--sm-font-display);font-size:clamp(34px,calc(4vw / var(--zf,1)),60px);font-weight:700;line-height:1.02;text-transform:uppercase;color:#FFF7E6;min-height:2.04em}
.corp__h1 b{display:block;font-weight:700;color:#FFD98A}
.corp__lead{font-size:19px;line-height:1.5;color:rgba(255,247,230,.86);max-width:620px;min-height:4.5em}
.corp__btns{display:flex;flex-wrap:wrap;gap:12px}
.corp__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-self:stretch;margin-top:10px;border-top:1px solid rgba(224,190,126,.3)}
.corp__facts li{display:flex;flex-direction:column;gap:4px;padding:16px 16px 0 0}
.corp__facts li+li{padding-left:16px;border-left:1px solid rgba(224,190,126,.3)}
.corp__facts b{font-family:var(--sm-font-display);font-size:17px;font-weight:600;color:#FFD98A}
.corp__facts span{font-size:13.5px;line-height:1.35;color:rgba(255,247,230,.68)}
/* композиция: упаковки заказчика веером, сундук, свиток, слонёнок, фонарь */
.corp__art{position:relative;aspect-ratio:1/1.02;width:100%;max-width:520px;justify-self:center}
.corp__art span{position:absolute;display:block}
.corp__art img{display:block;width:100%;height:auto}
.corp__card{width:54%;aspect-ratio:1;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1.4px rgba(224,190,126,.6),0 24px 44px -18px rgba(0,0,0,.7);transition:rotate .5s cubic-bezier(.2,.8,.2,1),translate .5s cubic-bezier(.2,.8,.2,1)}
.corp__card img{height:100%!important;object-fit:cover}
.corp__card--a{left:2%;top:10%;rotate:-11deg}
.corp__card--b{right:0;top:4%;rotate:9deg}
.corp__card--c{left:23%;top:30%;rotate:-2deg}
.corp__art:hover .corp__card--a{rotate:-15deg;translate:-4% -2%}
.corp__art:hover .corp__card--b{rotate:13deg;translate:4% -2%}
.corp__art:hover .corp__card--c{translate:0 3%}
.corp__chest{right:0;bottom:0;width:40%}
.corp__scroll{left:22%;bottom:1%;width:36%;rotate:-7deg}
.corp__el{left:-3%;bottom:0;width:27%}
.corp__lamp{right:9%;top:-22%;width:17%;transform-origin:50% 0}
.corp__lamp i{position:absolute;left:50%;bottom:8%;width:240%;aspect-ratio:1;translate:-50% 28%;border-radius:50%;background:radial-gradient(circle,rgba(255,190,96,.42) 0,rgba(255,170,80,.14) 38%,rgba(255,170,80,0) 66%)}
.corp__lamp img{position:relative}
@media (prefers-reduced-motion:no-preference){
  .corp__dot{animation:corp-tw var(--d) ease-in-out var(--w) infinite}
  .corp__lamp{animation:corp-sway 5.5s ease-in-out infinite}
  .corp__h1.is-swap,.corp__h1.is-swap+.corp__lead{animation:corp-in .5s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes corp-tw{0%,100%{opacity:.1}50%{opacity:.75}}
@keyframes corp-sway{0%,100%{rotate:-2deg}50%{rotate:2deg}}
@keyframes corp-in{from{opacity:0;translate:0 10px}}

/* ---------- калькулятор ---------- */
.ccalc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:stretch}
.ccalc__form{display:flex;flex-direction:column;gap:30px;padding:34px 36px;border-radius:30px;border:1px solid var(--sm-line-soft);background:var(--sm-sand-2)}
.ccalc__row{display:flex;flex-direction:column;gap:14px}
.ccalc__label{font-family:var(--sm-font-display);font-size:18px;font-weight:600}
.ccalc__qty{display:inline-flex;align-items:center;gap:6px;align-self:flex-start}
.ccalc__qty button{width:52px;height:52px;border-radius:50%;border:1.4px solid var(--sm-line);font-size:26px;line-height:1;transition:background .2s,color .2s}
.ccalc__qty button:hover{background:var(--sm-brown-2);color:var(--sm-on-dark)}
.ccalc__qty input{width:110px;height:60px;border:0;background:none;text-align:center;font-family:var(--sm-font-display);font-size:44px;font-weight:700;color:inherit;-moz-appearance:textfield;appearance:textfield}
.ccalc__qty input::-webkit-outer-spin-button,.ccalc__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ccalc input[type=range]{--p:18%;width:100%;height:34px;margin:0;background:none;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ccalc input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--sm-blue) var(--p),var(--sm-line-soft) var(--p))}
.ccalc input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--sm-blue) var(--p),var(--sm-line-soft) var(--p))}
.ccalc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;border:3px solid #fff;background:var(--sm-blue);box-shadow:0 4px 12px rgba(53,32,15,.3)}
.ccalc input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:3px solid #fff;background:var(--sm-blue);box-shadow:0 4px 12px rgba(53,32,15,.3)}
.ccalc__chips{display:flex;flex-wrap:wrap;gap:8px}
.ccalc__chip{height:48px;padding:0 20px;border-radius:var(--sm-r-pill);border:1.4px solid var(--sm-line);font-family:var(--sm-font-display);font-size:17px;font-weight:600;transition:background .2s,color .2s,border-color .2s}
.ccalc__chip:hover{border-color:var(--sm-blue)}
.ccalc__chip.is-on{background:var(--sm-brown-2);border-color:var(--sm-brown-2);color:var(--sm-on-dark)}
.ccalc__hint{font-size:15px;line-height:1.45;color:var(--sm-muted)}
.ccalc__hint a{text-decoration:underline;text-underline-offset:3px;color:var(--sm-text)}
.ccalc__res{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:34px 36px;border-radius:30px;background:linear-gradient(160deg,#1A0E06 0%,#3A1F10 100%);color:var(--sm-on-dark);box-shadow:inset 0 0 0 1.4px rgba(224,190,126,.45)}
.ccalc__stack{position:relative;align-self:stretch;height:130px;margin-bottom:8px}
.ccalc__stack i{position:absolute;left:calc(var(--i)*(100% - 150px)/max(var(--n) - 1,1));bottom:calc(var(--i)*2px);width:150px;aspect-ratio:600/348;background:url(/static/samui/decor/scroll.webp) center/contain no-repeat;rotate:calc(-10deg + var(--i)*2.4deg)}
.ccalc__stack b{position:absolute;right:0;top:0;height:38px;padding:0 14px;display:inline-flex;align-items:center;border-radius:var(--sm-r-pill);background:#FFD98A;color:#2A160A;font-family:var(--sm-font-display);font-size:17px}
.ccalc__k{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#E0BE7E}
.ccalc__sum{font-family:var(--sm-font-display);font-size:clamp(40px,calc(4.4vw / var(--zf,1)),64px);font-weight:700;line-height:1;color:#FFD98A;font-variant-numeric:tabular-nums}
.ccalc__d{font-size:16px;color:rgba(255,247,230,.82);margin-bottom:10px}
.ccalc__warn{font-size:15px;color:#FFB08A}
.ccalc__res .btn[disabled]{opacity:.45;pointer-events:none}
.ccalc__n{font-size:13.5px;color:rgba(255,247,230,.6)}
@media (prefers-reduced-motion:no-preference){.ccalc__stack i{animation:corp-in .35s cubic-bezier(.2,.8,.2,1) both}}

/* ---------- шаги ---------- */
.corp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}
.corp-steps li{display:flex;flex-direction:column;gap:10px;padding:24px 24px 26px;border-radius:26px;background:rgba(5,12,18,.34);box-shadow:inset 0 0 0 1.4px rgba(224,190,126,.34)}
.corp-steps span{font-family:var(--sm-font-display);font-size:44px;font-weight:700;line-height:1;color:#FFD98A}
.corp-steps h3{font-family:var(--sm-font-display);font-size:20px;font-weight:600;color:#FFF7E6}
.corp-steps p{font-size:15.5px;line-height:1.45;color:rgba(243,231,211,.78)}

/* ---------- поводы и упаковки ---------- */
.corp-occs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.corp-occs li{height:46px;padding:0 20px;display:inline-flex;align-items:center;border-radius:var(--sm-r-pill);border:1.4px solid var(--sm-line);font-family:var(--sm-font-display);font-size:16.5px;font-weight:600}
.ny-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.ny-packc{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.35}
.ny-packc__ph{display:block;aspect-ratio:1;border-radius:22px;overflow:hidden;background:var(--sm-sand-2);margin-bottom:6px}
.ny-packc__ph img{width:100%;height:100%;object-fit:cover;transition:scale .5s ease}
.ny-packc:hover img{scale:1.05}
.ny-packc b{font-weight:600}
.corp-more{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.corp-contacts{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:var(--sm-font-display);font-size:22px;font-weight:600}
.corp-contacts a{color:#FFD98A}
.corp-book .card{color:var(--sm-text)}
.corp-book .card .muted{color:var(--sm-muted)}

@media (max-width:1100px){
  .corp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ny-packs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .corp__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .corp__facts li:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:860px){
  .corp{padding:calc(var(--sm-header) + 26px) 0 36px}
  .corp .corp__in{grid-template-columns:1fr;gap:26px}
  .corp__text{gap:14px}
  .corp__kicker{font-size:11.5px}
  .corp__tab{height:38px;padding:0 14px;font-size:14.5px}
  .corp__h1{font-size:calc(9vw / var(--zf,1))}
  .corp__lead{font-size:16px;min-height:0}
  .corp__btns{align-self:stretch}
  .corp__btns .btn{flex:1 1 100%;height:52px;font-size:16.5px}
  .corp__art{max-width:330px}
  .corp__areca{width:calc(52vw / var(--zf,1));bottom:calc(-14vw / var(--zf,1))}
  .ccalc{grid-template-columns:1fr}
  .ccalc__form,.ccalc__res{padding:22px 18px;border-radius:24px}
  .ccalc__stack{height:104px}
  .ccalc__stack i{width:120px;left:calc(var(--i)*(100% - 120px)/max(var(--n) - 1,1))}
  .corp-steps{grid-template-columns:1fr;gap:12px;margin-top:24px}
  .corp-steps li{padding:18px 18px 20px}
  .ny-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .corp-contacts{font-size:19px}
}