/* This sheet belongs only to T20: shared header markup and other sections stay intact. */
body:has(#design-main) .ps-header-space[data-layout=exact]{height:0}
#design-main .dr-hero-inner{min-height:730px;padding-top:195px;padding-bottom:90px}
#design-main .dr-motion-toggle{display:none!important}
#design-main .dp-next .dp-actions{margin-bottom:20px}
#design-main .dp-related{display:flex;flex-direction:column;gap:14px}
#design-main .dp-related .dp-button{margin:0!important}
#design-main .dp-next .dp-related .dp-button--quiet{border:1px solid #c9c7c2;background:transparent;color:#171717!important;text-decoration:none}
#design-main .dp-next .dp-related .dp-button--quiet:hover{border-color:#c9c7c2;background:#eeede9;filter:none}
#design-main .dp-inline-links{align-items:center;gap:20px 30px}
#design-main .dp-inline-links .dp-button{font-size:16px;font-weight:600}
#design-main .ds-picker>a{display:grid;grid-template-rows:auto 1fr auto}
#design-main .ds-picker .ds-picker-label{padding:14px 12px 10px;line-height:1.3}
#design-main .ds-picker .ds-picker-action{margin:0 10px 12px;padding:9px 10px;border:1px solid #ffb700;border-radius:6px;min-height:38px;align-items:center;font-weight:600}
#design-main .ds-picker .ds-picker-action b{font-size:18px}
#design-main .dportfolio-container{width:min(1300px,calc(100% - 48px))}
#design-main .dportfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
#design-main .dportfolio-cover{border-radius:12px;aspect-ratio:4/3}
#design-main .dportfolio-card-body{padding-top:18px}
#design-main .dportfolio-card h2{font-size:24px;line-height:1.18}
#design-main .dportfolio-card-heading{gap:10px}
#design-main .dportfolio-card-body>p{font-size:16px;min-height:48px}
#design-main .dportfolio-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:18px}
#design-main .dportfolio-card-actions :is(.dportfolio-button,.dportfolio-link){display:flex;justify-content:center;align-items:center;padding:12px 9px;gap:8px;font-size:15px;font-weight:600;line-height:1.2;min-height:52px;width:100%;min-width:0;border:1px solid #ffb700;border-radius:8px;text-align:center}
#design-main .dportfolio-card-actions .dportfolio-link{background:#fff}
#design-main .dportfolio-card-actions .dportfolio-link:hover{background:#fff9e9;border-color:#ffb700}
#design-main .dportfolio-card-actions .dportfolio-link>span{flex:none}
#design-main .dp-tariffs{column-gap:18px;row-gap:0}
#design-main .dp-tariff{padding:0;border:1px solid #dedbd6;background:#fff}
#design-main .dp-tariff--featured{border-color:#e8cf84;background:#fffcf3;box-shadow:none}
#design-main .dp-tariff .dp-tariff-art{padding:0;margin:0}
#design-main .dp-tariff .dp-tariff-art>.dp-image-open img{height:clamp(168px,16vw,216px);aspect-ratio:auto;object-fit:contain;background:#f6f5f2}
#design-main .dp-tariff-body{padding:18px 20px 0;gap:0}
#design-main .dp-tariff .dp-eyebrow{font-size:11px;line-height:1.35;letter-spacing:.045em;align-self:start}
#design-main .dp-tariff h2{font-size:clamp(23px,2.2vw,29px);font-weight:650;line-height:1.13;margin:9px 0 0;align-self:start}
#design-main .dp-tariff .dp-old-price{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:17px;line-height:1.3;margin:13px 0 0;align-self:start}
#design-main .dp-tariff .dd-discount{display:inline-flex;align-items:center;justify-content:center;background:#ffce4c;color:#171717;font-size:14px;font-weight:700;line-height:1;padding:6px 8px;border-radius:5px}
#design-main .dp-tariff .dp-price{font-size:42px;line-height:1.08;font-weight:750;margin:6px 0 0!important;align-self:start}
#design-main .dp-tariff .dp-price span{font-size:17px;font-weight:550}
#design-main .dp-tariff-lead{font-size:16px;line-height:1.4;min-height:0;margin:12px 0 0!important;align-self:start}
#design-main .dp-tariff .dp-button{font-weight:650;font-size:16px;padding:12px 16px;min-height:48px;margin:16px 0 13px;align-self:start}
#design-main .dp-tariff-details{margin:0;align-self:start;width:100%}
#design-main .dp-tariff-details summary{min-height:48px;font-size:16px}
@supports(grid-template-rows:subgrid){
 @media(min-width:761px){
  #design-main .dp-tariff{display:grid;grid-row:span 8;grid-template-rows:subgrid}
  #design-main .dp-tariff-body{display:grid;grid-row:span 7;grid-template-rows:subgrid}
 }
}
#design-main .dc-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#design-main .dc-specs article{min-width:0}
#design-main .dc-specs img{object-fit:contain;background:#f6f5f2;aspect-ratio:4/3}
#design-main .dc-specs h3{font-size:23px;margin-top:18px}
.dc-tariff-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:7px 8px 0}
.dc-tariff-thumbs button{border:1px solid #dedbd6;padding:0;background:#f7f6f2;border-radius:5px;cursor:zoom-in;overflow:hidden;min-width:0}
.dc-tariff-thumbs img{display:block;width:100%;height:48px;object-fit:contain}
#design-main .dp-tariff .dc-tariff-thumbs img{height:48px;aspect-ratio:auto;object-fit:contain;background:#f6f5f2}
.dr-lightbox.dc-gallery{height:fit-content;overflow:hidden;background:#191919;padding:0;width:min(1440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px);border-radius:10px;box-shadow:0 20px 100px #0005}
.dc-gallery-stage{position:relative;width:100%;height:min(75dvh,960px)}
.dr-lightbox.dc-gallery img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:transparent}
.dr-lightbox.dc-gallery button{display:grid;place-items:center;min-width:44px;width:44px;height:44px;background:rgba(24,24,24,.4);color:#fff;border:1px solid #ffffff80;backdrop-filter:blur(5px);cursor:pointer;font:27px/1 TildaSans,sans-serif;box-shadow:0 2px 12px #0002}
.dr-lightbox.dc-gallery button:hover{background:rgba(24,24,24,.66);border-color:#fff}
.dr-lightbox.dc-gallery .dc-gallery-prev{left:12px;right:auto;top:50%;transform:translateY(-50%);border-radius:50%}
.dr-lightbox.dc-gallery .dc-gallery-next{right:12px;top:50%;transform:translateY(-50%);border-radius:50%}
.dr-lightbox.dc-gallery .dc-gallery-close{right:12px;top:12px;border-radius:50%}
.dc-gallery-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;max-height:96px;overflow:auto;padding:12px 16px;box-sizing:border-box;background:#191919;color:#fff;font:15px/1.35 TildaSans,sans-serif}
.dc-gallery-meta [data-gallery-caption]{min-width:0;overflow-wrap:anywhere}
.dc-gallery-meta [data-gallery-position]{white-space:nowrap;font-variant-numeric:tabular-nums}
.dc-gallery [hidden]{display:none!important}
.dc-gallery-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@media(max-width:1050px){#design-main .dportfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#design-main .dr-hero-inner{padding-top:145px;min-height:670px}}
@media(max-width:760px){
 #design-main .dr-hero-inner{min-height:0;padding:126px 0 52px}
 #design-main .dr-hero-copy>p:not(.dr-eyebrow){display:none}
 #design-main .dr-hero h1{font-size:clamp(34px,8.6vw,44px);margin-bottom:30px;line-height:1.08}
 #design-main .dr-hero-copy>p.dr-eyebrow{font-size:14px;margin-bottom:20px}
 #design-main .dr-hero-actions{gap:18px;padding-right:12px}
 #design-main .dportfolio-container{width:calc(100% - 32px)}
 #design-main .dportfolio-grid{grid-template-columns:1fr;gap:38px}
 #design-main .dportfolio-card-body>p{min-height:0}
 #design-main .dportfolio-card-actions{gap:10px}
 #design-main .dportfolio-card-actions :is(.dportfolio-button,.dportfolio-link){font-size:14px;min-height:54px;padding:11px 8px}
 #design-main .dportfolio-card h2{font-size:25px}
 #design-main .dc-specs{grid-template-columns:1fr;gap:28px}
 #design-main .dc-specs h3{font-size:22px}
 #design-main .dp-tariffs{row-gap:18px}
 #design-main .dp-tariff .dp-tariff-art>.dp-image-open img{height:clamp(180px,60vw,300px)}
 #design-main .dp-tariff-body{padding:20px 20px 0}
 #design-main .dp-tariff h2{font-size:29px}
 #design-main .dp-tariff .dc-tariff-thumbs img{height:54px}
 .dr-lightbox.dc-gallery{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
 .dc-gallery-meta{font-size:14px;gap:10px;padding:11px 12px;min-height:58px}
 .dr-lightbox.dc-gallery .dc-gallery-prev{left:8px}.dr-lightbox.dc-gallery .dc-gallery-next{right:8px}
}
.dc-gallery img{touch-action:pan-y pinch-zoom}
