.summary{--padding-inline:27px;box-shadow:0 0 25px 0 rgba(0,0,0,.1);display:grid;row-gap:15px;@media (max-width:1080px){order:1;padding-bottom:var(--gap-2);padding-top:var(--gap-2)}@media (min-width:1080px){border-radius:20px;padding-top:27px;.btn{border-radius:0 0 20px 20px;grid-column:full-width;padding:12px 15px}}&:not(:has(.btn)){padding-bottom:27px}}.goback:has(+.pictures:not(.full-width)){margin-top:var(--gap-2)}.container:has(.pictures){position:relative;& .full-width{gap:0;position:relative}.goback:has(+.full-width){left:0;position:absolute;top:var(--gap-2);z-index:1}}.pictures{align-items:start;display:grid;gap:var(--gap);position:relative;@media (max-width:1080px){grid-column:full-width}&.full-width{grid-column:full-width;height:470px;position:relative;@media (max-width:1080px){height:auto}@media (min-width:1080px){&.full-width{img{aspect-ratio:16/7}&+.btn{bottom:190px}}}}&+.btn{border-radius:var(--gap);bottom:55px;display:block;height:auto;padding:calc(var(--gap)/2) var(--gap-2);position:absolute;right:20px;@media (max-width:1080px){&{bottom:48px}}}div{height:100%;overflow:hidden;position:relative;&:first-of-type{grid-row:span 2;height:100%}&:not(:first-of-type){display:none}img{height:100%;object-fit:cover;width:100%}}&:not(.full-width) div:not(.btn):hover:before{background:rgba(0,0,0,.15);content:"";inset:0;position:absolute}}@media (min-width:1080px){.pictures:not(.full-width){grid-template-columns:2fr 1fr;margin-bottom:35px;div{border-radius:var(--gap-2)}div:not(:first-of-type){display:block}}.container:has(.pictures.full-width)+.container{border-radius:var(--gap-4) var(--gap-4) 0 0;margin-top:-170px;padding-inline:20px;&.up{margin-top:-395px}}}#experiences{--app-slide-width:550px;--app-slide-height:250px;@media (max-width:1080px){--app-slide-width:calc(100vw - 32px)}&>:first-child>*{align-items:start;background-color:var(--color-white);display:grid;gap:20px;grid-auto-flow:column;justify-content:start;img{aspect-ratio:1;border-radius:15px;height:auto;object-fit:cover;width:calc((var(--app-slide-width) - 40px)/3)}}&>app-button[data-trigger=next],&>app-button[data-trigger=previous]{top:-60px;@media (max-width:1080px){top:-135px}}strong{display:block}}h1{padding-block-end:5px}.map{aspect-ratio:16/9;width:100%;@media (max-width:1080px){grid-column:full-width}@media (min-width:1080px){canvas{border-radius:var(--gap-2)}}}.box{img{width:20px}&.brand{border:0}}.grid-icon.brand{background-color:var(--_color-secondary,var(--color-ultralight-grey))}.grid{display:grid;gap:calc(var(--gap-2)*2)}.vnf{@media (max-width:1080px){display:grid;grid-auto-flow:row;.btn{width:100%}}svg{min-width:24px}}.feedback-container{svg{color:var(--color-secondary);height:100px;width:100px}}header{app-button{align-items:center;padding:calc(var(--gap)/2) var(--gap);svg{color:var(--color-primary);height:20px;width:20px}&.bivouac svg{color:var(--color-secondary)}&.bivouac:hover svg{color:var(--color-primary)}@media (max-width:1080px){grid-column:2;grid-row:2}}}.services{display:grid;row-gap:10px;.flex.space-between>:last-child{svg{height:var(--gap-2);width:var(--gap-2);&.error{color:#c00}}a{line-height:1}}}main.container{background-color:var(--color-white);border-radius:20px 20px 0 0;padding-top:20px;position:relative;row-gap:20px;@media (max-width:1080px){margin-top:calc(var(--gap-2)*-2);padding-top:var(--gap)}}app-dialog[name=brand]{header+div{display:grid;gap:30px;padding:30px}.btn{justify-self:center;padding:var(--gap) var(--gap-2)}}h2{padding-bottom:var(--gap)}.period{justify-content:space-evenly}.other-pictures{display:grid;gap:var(--gap-2);grid-template-columns:1fr 1fr;img{aspect-ratio:16/9;border-radius:var(--gap);width:100%}}header app-button.brand{border-radius:8px;gap:10px;padding:7px 10px}app-dialog[name=map]{app-map{height:100vh;width:100vw}}aside.stay .summary+.buttons{--padding-inline:0px}@media (max-width:1080px){main .grid-2.auto{gap:10px;grid-template-columns:1fr}.summary{align-items:center;display:flex;justify-content:space-between;padding-inline:var(--gap-2);.details,hr{display:none}strong span:before{content:"";display:block}.grid-2.auto{grid-template-columns:1fr 1fr}}aside{background-color:var(--color-white);bottom:0;position:sticky;z-index:2;&.stay{box-shadow:0 0 25px 0 rgba(0,0,0,.1);.summary{--padding-inline:var(--gap-2);box-shadow:none;display:grid;padding-inline:0;padding-top:0}.buttons{padding-inline:var(--gap-2);padding-top:var(--gap-2)}}}}app-number{display:grid;gap:var(--gap);grid-auto-flow:column;output{align-content:center;font-weight:700;min-width:var(--gap-4);text-align:center}input{display:none}app-button{display:flex;&[disabled]{filter:grayscale(1);opacity:.5}svg{color:var(--color-primary);&:hover{color:var(--color-secondary)}}}}app-map{display:block;height:100%;position:relative;width:100%;&[data-interactive]{cursor:pointer}>div{height:inherit;width:inherit}}app-dialog-cart.dialog{.container{--padding-inline:30px;--content-width:var(--width)}@media (min-width:1080px){form{--width:640px;&:has(>.footer:not([hidden]),.equipment-error:not([hidden]),.pax-error:not([hidden])){--height:auto}}.action{justify-content:right}}@media (max-width:1080px){.action{background-color:var(--color-white);bottom:0;display:grid;grid-column:full-width;padding:20px var(--padding-inline) 0;position:sticky}}.action{display:grid}header{padding-bottom:20px}details{&>.padding-block{padding-block-start:0}& summary{padding:12px 30px;svg{rotate:0deg;&:hover{color:var(--color-secondary)}}}&[open] summary output,&[open] summary svg,&[open]:after{display:none}&[open] summary,&[open]~details summary{cursor:default}&[open]~details{display:none}&[disabled] summary>div{.text-primary,.text-small{filter:grayscale(1);opacity:.6}&>a[title]{display:inline-flex;left:5px;position:relative;top:3px;&.visible:before{filter:grayscale(0);left:0;opacity:1;right:auto;top:calc(100% + 3px)}svg{height:16px;opacity:.6;width:16px}}}}.availability-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--gap);color:#721c24;padding:calc(var(--gap)/2) var(--gap-2);text-align:center}app-equipment{& .row{@media (min-width:1080px){grid-template-columns:repeat(2,1fr)}}}.equipment-error,.pax-error{margin:0 30px 30px}}app-dialog-experience.dialog,app-dialog-site.dialog{--text-large:24px;.container{--padding-inline:0}.grid{display:grid;gap:var(--gap-2)}a{display:grid;&.link{align-items:center;display:inline-flex}}app-slide{--app-slide-height:240px;--app-slide-width:var(--width);@media (min-width:1080px){--app-slide-height:340px}&>:first-child>*>img:only-child{object-position:50% calc(50% - 1px)}[data-trigger$=close]{position:absolute;right:var(--gap-2);top:var(--gap-2);svg{background-color:var(--color-white);border-radius:50%;color:var(--color-text);padding:4px;&:hover{background-color:var(--color-light-grey)}}}.btn{left:var(--gap-2);padding:calc(var(--gap)/2) var(--gap);position:absolute;top:var(--gap-2)}}& form{& footer{padding:var(--gap-2);@media (max-width:1080px){display:grid;grid-template-columns:1fr;width:100%;&.space-between{&>:nth-child(2n){justify-self:stretch}}}}@media (max-width:1080px){border-radius:var(--gap-2) var(--gap-2) 0 0}}}app-pax{display:grid;gap:var(--gap-2);#child{gap:var(--gap)}select{width:auto}}app-equipment{display:grid;gap:12px;.row{display:grid;gap:var(--gap);@media (min-width:1080px){grid-template-columns:repeat(3,1fr)}label{background-color:var(--color-ultralight-grey);border:1px solid var(--color-light-grey);border-radius:10px;color:var(--color-primary);cursor:pointer;font-weight:700;line-height:1.2;padding:10px;user-select:none;input[type=radio]{all:unset;appearance:none;margin:0;&:checked,&:checked:after,&:enabled:focus{all:unset;appearance:none}}svg{background-color:var(--color-white);border:1px solid var(--color-light-grey);border-radius:5px;color:var(--color-primary);min-height:40px;min-width:40px;padding:5px}small{color:var(--color-text);display:block;font-size:14px;font-weight:400}&:has(:checked),&:has(:focus){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);svg{border-color:var(--color-primary)}}&:has([disabled]),&[disabled]{filter:grayscale(1);opacity:.5;user-select:none}}}}app-supplements{app-number{margin-left:24px}}app-category{.grid{gap:var(--gap-2)}label{align-items:center;background-color:var(--color-ultralight-grey);border:2px solid var(--color-light-grey);border-radius:var(--gap-2);display:grid;gap:var(--gap-2);grid-template-columns:1fr;@media (min-width:1080px){grid-template-columns:300px auto}#price:has(ins:empty),input,output:empty{display:none}img{border-radius:var(--gap);height:auto}ins{font-weight:700}.grid:has(>#price){grid-auto-flow:column;justify-content:space-between}&:has(:checked){border:2px solid var(--color-primary)}&:has(input[disabled]){output{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--gap);color:#721c24;padding-inline:var(--gap)}}&:has(input:not([disabled])){order:-1}}app-slider{.slides>*{max-width:300px}}}app-slide{--slider-control:48px;--slider-indicator-width:10px;--slider-indicator-height:10px;&>:first-child>*{background-color:var(--color-light-grey)}app-button[data-trigger=next],app-button[data-trigger=previous]{inset:0 0 0 90%;opacity:.5;svg{color:var(--color-white);height:var(--slider-control);width:var(--slider-control)}}app-button[data-trigger=next] svg{rotate:-90deg}app-button[data-trigger=previous]{inset:0 90% 0 0;svg{rotate:90deg}}app-button[data-trigger=next]:hover,app-button[data-trigger=previous]:hover{opacity:1}app-button[data-trigger=slide]>*{&:empty{background-color:var(--color-white);border-radius:50%;opacity:.5}&[active]:empty{opacity:1}}app-button[data-trigger=fullscreen]{display:none}&.fullscreen{--slider-control:56px;--slider-indicator-gap:20px;app-button[data-trigger=slide]{bottom:30px}app-button[data-trigger=fullscreen]{color:var(--color-white);display:block;position:absolute;right:30px;top:30px;svg{filter:drop-shadow(0 0 5px var(--color-text));height:20px;width:20px}}}}