/* Kërko ofertë — page-only styles. Shared V4 shell/animations are untouched. */
.quote-page{background:var(--bg);color:var(--navy)}
.quote-main{overflow:clip}
.quote-hero{position:relative;margin-top:20px;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) calc(50% - 400px),var(--navy) calc(50% + 720px),var(--navy) 100%);overflow:hidden}
.quote-hero-canvas{position:relative;width:min(100%,1440px);height:370px;margin:auto;isolation:isolate}
.quote-hero-photo{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:contain;object-position:right center;background:var(--navy);z-index:-3;user-select:none}
.quote-hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 38%,rgba(254,252,246,.96) 43%,rgba(254,252,246,.76) 49%,rgba(254,252,246,.14) 58%,transparent 66%)}
.quote-hero-shape{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(140deg,transparent 0 24%,rgba(28,38,61,.035) 24% 39%,transparent 39%),linear-gradient(133deg,transparent 0 43%,rgba(254,252,246,.38) 43% 50%,transparent 50%)}
.quote-hero-copy{position:absolute;left:5.4%;top:68px;width:49%}
.quote-hero-copy .eyebrow{font-size:12px;letter-spacing:.18em;margin-bottom:32px}
.quote-hero-copy h1{font-size:46px;font-weight:800;line-height:1.1;letter-spacing:-.05em;margin:0 0 28px}
.quote-hero-copy p{font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:610px}
@media(min-width:1441px){.quote-hero-canvas{mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 80px),transparent 100%)}}
.quote-layout{display:grid;grid-template-columns:minmax(0,.965fr) minmax(0,1fr);gap:7%;width:min(100%,1440px);padding:42px 0 40px 5.4%;margin:auto;align-items:stretch}
.quote-form-panel{padding-top:28px;min-width:0;position:relative}
.quote-form-heading{position:relative;padding-left:14px;margin-bottom:24px}
.quote-form-heading::before{content:'';position:absolute;top:3px;bottom:3px;left:0;width:5px;border-radius:2px;background:var(--orange)}
.quote-form-heading h2{font-size:24px;letter-spacing:-.04em;line-height:1.15;margin:0 0 4px;font-weight:800}
.quote-form-heading p{font-size:13px;line-height:1.45;margin:0}
.quote-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote-field{display:block;min-width:0;position:relative}
.quote-field>span,.quote-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quote-field input,.quote-field textarea{display:block;width:100%;border:1px solid transparent;border-radius:5px;background:rgba(28,38,61,.065);font-family:inherit;color:var(--navy);font-size:14px;font-weight:500;line-height:1.4;padding:15px 14px;transition:border-color .2s,box-shadow .2s,background .2s}
.quote-field input{height:50px}
.quote-field textarea{height:130px;resize:vertical;min-height:110px;max-height:400px}
.quote-field input::placeholder,.quote-field textarea::placeholder{color:rgba(28,38,61,.57);opacity:1}
.quote-field input:focus,.quote-field textarea:focus{outline:0;background:var(--bg);border-color:var(--orange);box-shadow:0 0 0 3px rgba(254,89,0,.12)}
.quote-field input:focus::placeholder,.quote-field textarea:focus::placeholder{color:transparent}
.quote-field:focus-within>span{clip-path:none;overflow:visible;width:auto;height:auto;white-space:normal;top:2px;left:14px;font-size:10px;font-weight:600;color:var(--navy);z-index:1}
.quote-field:focus-within input,.quote-field:focus-within textarea{padding-top:21px;padding-bottom:9px}
.quote-product-field,.quote-message{grid-column:1/-1}
.quote-product-field{position:relative;z-index:5}
.quote-help{font-size:11px;line-height:1.5;margin:5px 1px 0;color:rgba(28,38,61,.75)}
.quote-send{margin-top:20px;min-width:280px;justify-content:space-between}
.quote-send:disabled{opacity:.6;cursor:wait;transform:none}
.quote-required{font-size:11px;margin:9px 0 0;opacity:.7}
.quote-status{font-size:13px;line-height:1.55;margin:9px 0 0;color:var(--navy)}
.quote-status:not(:empty){padding:12px;border-left:3px solid var(--orange);background:rgba(254,89,0,.06)}
.quote-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.quote-info{position:relative;isolation:isolate;border-radius:22px 0 0 22px;overflow:hidden;background:var(--navy);color:var(--bg);min-width:0;min-height:490px}
.quote-panel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-3;filter:grayscale(1);opacity:.23}
.quote-panel-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,var(--navy) 0%,rgba(28,38,61,.95) 42%,rgba(28,38,61,.42) 100%)}
.quote-info-content{padding:27px 30px 34px 48px;position:relative}
.quote-info h2{font-size:36px;line-height:1.18;letter-spacing:-.035em;font-weight:800;margin:0 0 30px}
.quote-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:0;padding:0;list-style:none}
.quote-benefits li{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.4}
.quote-benefits svg{width:27px;height:27px;color:var(--orange);flex-shrink:0;stroke-width:3}
.quote-info-divider{width:38px;height:7px;background:var(--orange);margin:48px 0 23px}
.quote-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px 18px}
.quote-contact-grid>a,.quote-contact-grid>div{display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.35;color:inherit;min-width:0}
.quote-contact-grid>a>span:last-child{overflow-wrap:anywhere}
.quote-contact-grid a:hover{text-decoration:underline;text-underline-offset:4px}
.quote-contact-grid a:focus-visible{outline:2px solid var(--orange);outline-offset:5px;border-radius:4px}
.quote-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--orange);color:var(--bg);display:grid;place-items:center}
.quote-icon svg{width:25px;height:25px}

.quote-suggestion-panel{position:absolute;top:54px;left:0;right:0;z-index:30;border:1px solid rgba(28,38,61,.13);border-radius:9px;background:var(--bg);box-shadow:0 14px 30px rgba(28,38,61,.17);overflow:hidden}
.quote-suggestion-panel ul{list-style:none;margin:0;padding:5px;max-height:270px;overflow-y:auto;overscroll-behavior:contain}
.quote-suggestion-panel li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--navy)}
.quote-suggestion-panel li[aria-selected=true],.quote-suggestion-panel li:hover{background:rgba(254,89,0,.09)}
.quote-suggestion-panel img{width:43px;height:43px;object-fit:contain;flex-shrink:0}
.quote-suggestion-panel strong{display:block;font-weight:600}
.quote-suggestion-panel small{display:block;font-size:11px;opacity:.7;margin-top:3px}
.quote-suggestion-panel p{font-size:11px;padding:10px 14px;margin:0;border-top:1px solid rgba(28,38,61,.08);line-height:1.4}
.quote-page [hidden]{display:none!important}
@media(min-width:1441px){.quote-layout{padding-left:77.76px;gap:100.8px}.quote-info{border-radius:22px}}
@media(max-width:1100px) and (min-width:821px){
 .quote-layout{gap:4%;padding-left:4%}.quote-hero-copy{top:58px}.quote-hero-copy h1{font-size:37px}.quote-hero-copy p{font-size:14px}
 .quote-info-content{padding:30px 24px}.quote-info h2{font-size:31px}.quote-benefits{gap:14px 8px}.quote-benefits li{gap:8px;font-size:12px}.quote-contact-grid{grid-template-columns:1fr;gap:12px}.quote-info-divider{margin:30px 0 20px}.quote-icon{width:39px;height:39px;flex-basis:39px}.quote-contact-grid>a,.quote-contact-grid>div{font-size:13px}
}
@media(max-width:820px){
 .quote-hero{margin-top:0}.quote-hero-canvas{height:390px}.quote-hero-photo{width:100%;object-position:60% center;opacity:.24}.quote-hero-wash{background:linear-gradient(90deg,var(--bg),rgba(254,252,246,.65))}.quote-hero-shape{opacity:.4}
 .quote-hero-copy{left:24px;right:24px;top:72px;width:auto}.quote-hero-copy h1{font-size:42px;max-width:570px}.quote-hero-copy p{font-size:15px;max-width:530px}.quote-hero-copy .eyebrow{margin-bottom:24px}
 .quote-layout{display:flex;flex-direction:column;gap:32px;padding:30px 24px 40px;width:100%}.quote-form-panel{padding:0}.quote-info{border-radius:18px;min-height:0}.quote-info-content{padding:32px}.quote-info h2{font-size:34px}.quote-info-divider{margin-top:32px}
 .quote-field input,.quote-field textarea{font-size:16px}.quote-help{font-size:12px}.quote-form-heading p{font-size:14px}.quote-form-heading h2{font-size:25px}
}
@media(max-width:520px){
 .quote-hero-canvas{height:355px}.quote-hero-copy{top:54px}.quote-hero-copy h1{font-size:34px;line-height:1.13;margin-bottom:22px}.quote-hero-copy p{font-size:14px}.quote-hero-copy .eyebrow{font-size:11px}
 .quote-layout{padding-left:18px;padding-right:18px}.quote-form-grid{grid-template-columns:1fr;gap:12px}.quote-field input{height:54px}.quote-suggestion-panel{top:58px}.quote-field textarea{height:135px}.quote-send{width:100%;min-width:0}.quote-info-content{padding:28px 23px}.quote-info h2{font-size:31px}.quote-benefits{gap:14px 10px}.quote-benefits li{font-size:12px;gap:8px}.quote-benefits svg{width:23px;height:23px}.quote-contact-grid{grid-template-columns:1fr;gap:16px}.quote-contact-grid>a,.quote-contact-grid>div{font-size:14px}
}


/* V2: product picker, inline WhatsApp and the job-application success motion. */
.quote-browse{position:absolute;right:1px;top:1px;width:46px;height:48px;border:0;background:transparent;color:var(--navy);border-radius:0 5px 5px 0;cursor:pointer;display:grid;place-items:center}
.quote-browse svg{width:20px;height:20px;transition:transform .2s}
.quote-browse[aria-expanded=true] svg{transform:rotate(180deg)}
.quote-browse:hover{background:rgba(254,89,0,.08)}
.quote-browse:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
#quoteProduct{padding-right:48px}
.quote-suggestion-panel ul{max-height:310px;scrollbar-width:thin;scrollbar-color:var(--orange) transparent}
.quote-suggestion-panel li{min-height:62px}
.quote-suggestion-panel li img{width:40px;height:40px}
.quote-whatsapp-svg{display:block}
.quote-success{position:absolute;inset:0;z-index:40;display:grid;place-items:center;overflow:hidden;border-radius:12px;isolation:isolate;padding:0;outline:0}
.quote-success:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.quote-success-orb{
  position:absolute;
  top:0;
  bottom:0;
  width:56%;
  background:var(--orange);
  will-change:transform,border-radius;
  transform:scaleX(0);
}
.quote-success-orb-left{
  left:0;
  transform-origin:left center;
  border-radius:0 72% 72% 0 / 0 52% 52% 0;
}
.quote-success-orb-right{
  right:0;
  transform-origin:right center;
  border-radius:72% 0 0 72% / 52% 0 0 52%;
}
.quote-success-content{
  position:relative;
  z-index:3;
  width:min(82%,360px);
  text-align:center;
  color:var(--bg);
  opacity:0;
  transform:translateY(9px) scale(.97);
}
.quote-success-check{
  width:96px;
  height:96px;
  margin:0 auto 18px;
  overflow:visible;
  fill:none;
  stroke:var(--bg);
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.quote-success-check circle{
  stroke-dasharray:246;
  stroke-dashoffset:246;
  transform:rotate(-90deg);
  transform-origin:48px 48px;
}
.quote-success-check path{
  stroke-dasharray:62;
  stroke-dashoffset:62;
}
.quote-success-content h3{
  margin:0 0 7px;
  font-size:27px;
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:800;
}
.quote-success-content p{
  margin:0 auto;
  max-width:330px;
  font-size:11.5px;
  line-height:1.45;
  font-weight:600;
  color:rgba(255,255,255,.92);
}
.quote-success.is-active{visibility:visible}
.quote-success.is-active .quote-success-orb-left{
  animation:engQuoteSuccessFillLeft .72s cubic-bezier(.2,.78,.22,1) forwards;
}
.quote-success.is-active .quote-success-orb-right{
  animation:engQuoteSuccessFillRight .72s cubic-bezier(.2,.78,.22,1) forwards;
}
.quote-success.is-active .quote-success-content{
  animation:engQuoteSuccessContent .42s .53s cubic-bezier(.2,.8,.24,1) forwards;
}
.quote-success.is-active .quote-success-check circle{
  animation:engQuoteSuccessCircle .62s .55s cubic-bezier(.35,.05,.25,1) forwards;
}
.quote-success.is-active .quote-success-check path{
  animation:engQuoteSuccessTick .46s .91s cubic-bezier(.25,.75,.25,1) forwards;
}
.quote-success.is-hiding{
  animation:engQuoteSuccessOverlayOut .34s ease forwards;
}
@keyframes engQuoteSuccessFillLeft{
  0%{transform:scaleX(0);border-radius:0 72% 72% 0 / 0 52% 52% 0}
  76%{transform:scaleX(1.04);border-radius:0 52% 52% 0 / 0 42% 42% 0}
  100%{transform:scaleX(1);border-radius:0}
}
@keyframes engQuoteSuccessFillRight{
  0%{transform:scaleX(0);border-radius:72% 0 0 72% / 52% 0 0 52%}
  76%{transform:scaleX(1.04);border-radius:52% 0 0 52% / 42% 0 0 42%}
  100%{transform:scaleX(1);border-radius:0}
}
@keyframes engQuoteSuccessContent{
  from{opacity:0;transform:translateY(9px) scale(.97)}
  to{opacity:1;transform:none}
}
@keyframes engQuoteSuccessCircle{to{stroke-dashoffset:0}}
@keyframes engQuoteSuccessTick{to{stroke-dashoffset:0}}
@keyframes engQuoteSuccessOverlayOut{
  to{opacity:0;transform:scale(.995)}
}


.quote-success-content p{font-size:14px}
.quote-success-content .btn{margin-top:24px;background:var(--bg);color:var(--navy);border-color:var(--bg)}
@media(max-width:520px){.quote-browse{height:52px}.quote-suggestion-panel ul{max-height:310px}}