/* TIGERLILY — APPROVED PICTURE LAYOUT. One stylesheet, desktop and mobile. */
html,body{margin:0!important;padding:0!important}
body.tl-rebuild{background:#050505!important;color:#141414;font-family:Georgia,'Times New Roman',serif}
body.tl-rebuild *{box-sizing:border-box}
.tl-page{width:100%;max-width:1300px;margin:0 auto;background:#bcbab7;box-shadow:0 0 0 2px #171717}
.tl-head{background:#050505;color:#f5f5f5;padding:11px 27px 10px;border-top:4px solid #222}
.tl-head-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 14px/1.2 Georgia,serif;letter-spacing:.1px;border-top:1px solid #555;padding-top:9px}
.tl-head-top strong{color:#ed6b20;white-space:nowrap}
.tl-brandrow{display:flex;align-items:center;gap:10px}
.tl-brand{display:block;flex:0 0 250px;line-height:0}
.tl-brand img{display:block;width:100%;height:auto;max-height:80px;object-fit:contain;object-position:left center}
.tl-nav{display:flex;flex:1;flex-wrap:wrap;gap:5px 15px;align-items:center}
.tl-nav a{color:#ec6b22;text-decoration:none;font:13px/1.25 Arial,sans-serif}
.tl-nav a:hover,.tl-footer a:hover{text-decoration:underline}
.tl-menu-button{display:none;background:transparent;color:#ef6c21;border:0;font-size:35px;cursor:pointer}
.tl-main{padding:10px 4.2% 0;background:#bcbab7 url('images/content-bg.jpg') repeat center top}
.tl-gallery{display:grid;grid-template-columns:132px minmax(0,1fr);height:clamp(255px,25vw,340px);margin:0 0 35px;background:#0c0c0c;border:6px solid #151515;box-shadow:0 0 0 2px #6c6c6c;overflow:hidden}
.tl-gallery-tabs{display:flex;min-width:0;background:#161616}
.tl-gallery-tabs button{flex:1;min-width:0;padding:6px 0;border:2px solid #080808;background:#282828;color:#eee;writing-mode:vertical-rl;transform:rotate(180deg);font:17px Georgia,serif;cursor:pointer}
.tl-gallery-tabs button[aria-selected=true]{background:#151515;color:#fff;box-shadow:inset 3px 0 #e76b22}
.tl-gallery-photos{position:relative;min-width:0;height:100%}
.tl-gallery-photos img{display:none;width:100%;height:100%;object-fit:cover;object-position:center 15%}
.tl-gallery-photos img.tl-active{display:block}
.tl-services{display:flex;flex-direction:column;gap:18px;width:100%;visibility:visible;opacity:1}
.tl-service{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:auto;gap:36px;align-items:start;width:100%;min-height:0;visibility:visible;opacity:1}
.tl-service>a,.tl-service>.tl-service-picture{grid-column:1;grid-row:1}
.tl-service>div:last-child{grid-column:2;grid-row:1;display:block;visibility:visible;opacity:1}
.tl-service>a,.tl-service-picture{position:relative;display:block;min-width:0;align-self:start;text-decoration:none}
.tl-service-img{display:block;width:100%;height:clamp(130px,13.5vw,180px);aspect-ratio:auto;object-fit:cover;border:2px solid #252525}
.tl-service>a:after,.tl-service-picture span{position:absolute;left:2px;right:2px;bottom:2px;padding:7px 15px;background:rgba(0,0,0,.82);color:#fff;font:bold 23px Georgia,serif}
.tl-service>a:after{content:"TATTOOING"}
.tl-service:nth-child(2)>a:after{content:"PIERCING"}
.tl-service-picture span{display:block}
.tl-service>div:last-child{min-width:0}
.tl-service h2{margin:0 0 3px;font:bold clamp(28px,3vw,39px)/1.05 Georgia,serif;color:#090909}
.tl-service h3{margin:0 0 8px;font:italic bold clamp(17px,1.8vw,23px)/1.1 Georgia,serif;color:#d75312}
.tl-service p{margin:0;font:clamp(14px,1.32vw,17px)/1.35 Georgia,serif}
.tl-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;margin:0;padding:26px 0 19px}
.tl-brands>span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:2px 5px;border-right:1px solid #d47947;color:#111;font:bold clamp(10px,1.6vw,22px)/1.1 Arial,sans-serif;white-space:nowrap;text-align:center;letter-spacing:-.7px}
.tl-brands>span:last-child{border-right:0}
.tl-brand-crazy{font-style:italic!important;transform:rotate(-5deg);font-size:clamp(9px,1.4vw,18px)!important;text-transform:uppercase}
.tl-brand-uwell{font-size:clamp(13px,2vw,27px)!important}
.tl-brand-oxva{font-weight:500!important;letter-spacing:1px!important}
.tl-oxva-x{color:#e22b24;font-weight:900}
.tl-brand-aspire{font-weight:400!important;color:#e78924!important;font-size:clamp(13px,2.1vw,28px)!important}
.tl-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:12px 16px;background:#030303;color:#999;padding:16px 22px;min-height:90px}
.tl-footer nav{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;gap:7px}
.tl-footer nav a{color:#e96c20;text-decoration:none;font:11px Arial,sans-serif}
/* TD1: three booking buttons in top navigation, replacing old contact link. */
.tl-top-actions{display:flex;flex:0 0 100%;width:100%;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap;min-width:0}
.tl-nav a.tl-top-action{display:inline-flex;justify-content:center;align-items:center;min-height:30px;padding:6px 9px;border-radius:4px;color:#fff!important;text-decoration:none;font:bold 11px/1.15 Arial,sans-serif;white-space:nowrap;min-width:0}
.tl-nav a.tl-top-book{background:#d45e1a}
.tl-nav a.tl-top-instagram{background:#a42b79}
.tl-nav a.tl-top-whatsapp{background:#087f56}
@media(max-width:720px){.tl-top-actions{gap:4px}.tl-nav a.tl-top-action{font-size:clamp(9px,2.45vw,11px);padding:7px 5px;min-height:34px;flex:1 1 0;white-space:normal;text-align:center;overflow-wrap:break-word}.tl-nav a.tl-top-book{flex:1.8 1 0;font-size:clamp(9px,2.35vw,11px);line-height:1.2}}
.tl-footer{grid-template-columns:1fr;justify-items:center}
.tl-footer nav{grid-column:1;grid-row:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px}
.tl-footer nav a.tl-footer-action{display:inline-flex;justify-content:center;align-items:center;min-height:39px;padding:9px 14px;border-radius:5px;font:bold 13px/1.2 Arial,sans-serif;color:#fff!important;text-decoration:none;white-space:nowrap}
.tl-footer nav a.tl-footer-book{background:#d45e1a}
.tl-footer nav a.tl-footer-instagram{background:#a42b79}
.tl-footer nav a.tl-footer-whatsapp{background:#087f56}
.tl-footer nav a.tl-footer-action:after{content:none!important}
.tl-footer .tl-contact{display:none!important}
.tl-footer .tl-copyright{grid-column:1;grid-row:2}
@media(max-width:720px){.tl-footer nav a.tl-footer-action{font-size:11px;padding:8px 9px;min-height:36px}.tl-footer nav{gap:5px}}

.tl-footer nav a:not(:last-child):after{content:" |";color:#9b5a35}
.tl-copyright{grid-column:1;grid-row:2;text-align:center;color:#858585;font:12px Arial,sans-serif}
.tl-contact{grid-column:2;grid-row:1/span 2;display:flex;align-items:center;gap:12px}
.tl-contact a{display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.tl-contact svg{width:30px;height:30px;display:block}
.tl-social-instagram{color:#111;background:#ef792c;border-radius:4px;padding:2px}
.tl-social-instagram svg{width:25px;height:25px}
.tl-social-instagram span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tl-whatsapp{color:#40cc48}
.tl-whatsapp span{font:11px/1.2 Arial,sans-serif;color:#fff}
.tl-nav a:focus-visible,.tl-gallery button:focus-visible,.tl-contact a:focus-visible,.tl-menu-button:focus-visible{outline:3px solid #ff9a48;outline-offset:2px}
/* Reference picture colour palette. Do not alter the approved scrolling background. */
.tl-head,.tl-footer{background:#050505;color:#eee}
.tl-head-top{color:#f0f0f0;border-top-color:#595959}
.tl-head-top strong,.tl-nav a,.tl-footer nav a{color:#ee7026}
.tl-gallery{background:#101010;border-color:#101010;box-shadow:0 0 0 2px #74716d}
.tl-gallery-tabs,.tl-gallery-tabs button{background:#171717;color:#f7f7f7;border-color:#050505}
.tl-gallery-tabs button[aria-selected=true]{background:#080808;color:#fff;box-shadow:inset 3px 0 #ef7027}
.tl-service h2{color:#111}
.tl-service h3{color:#d85d1b}
.tl-service p{color:#181818}
.tl-service>a:after,.tl-service-picture span{background:rgba(0,0,0,.88);color:#fff}
.tl-brands>span{color:#141414;border-right-color:#db783a}
.tl-copyright{color:#a3a3a3}
/* Laptop reference: compact three-row composition, original scrolling background retained. */
@media(min-width:721px){
.tl-head{border-top-width:2px}
.tl-head-top{border-top-color:#454545}
.tl-gallery-tabs{background:#0d0d0d}
.tl-gallery-tabs button{background:#171717;border-color:#050505;color:#eee;font-family:Georgia,serif}
.tl-gallery-tabs button[aria-selected=true]{background:#080808;box-shadow:inset 3px 0 #e46b20}
.tl-service>a,.tl-service-picture{overflow:hidden}
.tl-service-img{object-position:center center}
.tl-service>div:last-child{padding-top:1px}
.tl-service h2{font-family:Georgia,'Times New Roman',serif;font-weight:900;letter-spacing:-.65px}
.tl-service h3{color:#cf5616;font-style:italic}
.tl-service p{max-width:660px}
.tl-brands{border-top:0;margin-top:4px}
.tl-brands>span{border-right-color:#d77636}
.tl-footer{border-top:2px solid #111}
}
/* Compact laptop-first composition: all three departments in the first screen */
@media(min-width:721px){
.tl-page{max-width:1300px}
.tl-head{padding:5px 22px 5px}
.tl-head-top{padding-top:4px;font-size:clamp(10px,1vw,13px)}
.tl-brand{flex-basis:clamp(180px,19vw,245px)}
.tl-brand img{max-height:68px}
.tl-nav{gap:3px 11px}
.tl-nav a{font-size:clamp(10px,1vw,13px)}
.tl-main{padding:7px 3.6% 0;background-color:#bcbab7;background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url('images/content-bg.jpg');background-blend-mode:normal;position:relative}
.tl-gallery{height:clamp(160px,23vh,265px);grid-template-columns:clamp(75px,10vw,120px) minmax(0,1fr);margin-bottom:clamp(8px,1vh,12px);border-width:5px}
.tl-gallery-tabs button{font-size:clamp(12px,1.2vw,17px)}
.tl-services{gap:clamp(4px,.7vh,8px)}
.tl-service{grid-template-columns:49% minmax(0,1fr);gap:clamp(10px,1.5vw,20px);align-items:start}
.tl-service-img{height:clamp(125px,16vh,190px);width:100%;object-fit:cover}
.tl-service>a:after,.tl-service-picture span{font-size:clamp(13px,1.55vw,20px);padding:4px 9px}
.tl-service h2{font-size:clamp(21px,2.45vw,33px);line-height:1;margin-bottom:3px}
.tl-service h3{font-size:clamp(14px,1.6vw,20px);line-height:1.1;margin-bottom:4px}
.tl-service p{font-size:clamp(11px,1.13vw,15px);line-height:1.2}
.tl-brands{padding:clamp(5px,1vh,12px) 0}
.tl-brands>span{min-height:26px}
.tl-footer{padding:8px 16px;min-height:54px;gap:4px 10px}
.tl-footer nav a{font-size:10px}
.tl-copyright{font-size:10px}
.tl-contact svg{width:24px;height:24px}
}
@media(max-width:720px){
.tl-page{max-width:100%;overflow-x:clip}
.tl-head{padding:8px 9px 9px}
.tl-head-top{font-size:10px;line-height:1.25;gap:5px;padding-top:4px;flex-wrap:wrap;justify-content:center;text-align:center}
.tl-head-top strong{font-size:10px}
.tl-brandrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0;min-height:72px}
.tl-brand{display:block!important;flex:1 1 0!important;max-width:calc(100% - 58px)!important;min-width:0!important}
.tl-brand img{max-height:73px}
.tl-menu-button{display:none!important}
.tl-nav{display:flex;flex-basis:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 9px;padding:6px 2px;background:#070707}
.tl-nav.tl-open{display:flex}
.tl-nav a{font-size:clamp(10px,2.7vw,13px);padding:4px 2px;line-height:1.2;text-align:center}
.tl-main{padding:9px 2% 0;background-color:#bcbab7!important;background-image:url('images/content-bg.jpg')!important;background-repeat:repeat!important;background-position:center top!important}
.tl-gallery{grid-template-columns:55px minmax(0,1fr);height:clamp(140px,38vw,220px);border-width:4px;margin:0 0 10px}
.tl-gallery-tabs button{font-size:12px}
.tl-services{display:flex;flex-direction:column;gap:7px}
.tl-service{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);grid-template-rows:auto;gap:clamp(5px,1.5vw,10px);align-items:start;width:100%;min-height:0}
.tl-service>a,.tl-service>.tl-service-picture{display:block;width:100%;grid-column:1;grid-row:1}
.tl-service>div:last-child{display:contents}
.tl-service{grid-template-rows:auto auto auto!important;row-gap:5px!important;align-items:start}
.tl-service>a,.tl-service>.tl-service-picture{grid-column:1;grid-row:1 / 3}
.tl-service h2,.tl-service h3{grid-column:2;min-width:0;align-self:start;position:static}
.tl-service h2{grid-row:1;margin:0!important}
.tl-service h3{grid-row:2;margin:0!important;line-height:1.15}
.tl-service p{grid-column:1 / -1;grid-row:3;width:100%;max-width:none;text-align:left;margin:5px 0 0!important;position:static}
.tl-service-img{display:block;width:100%;height:auto;aspect-ratio:1.45/1;object-fit:cover}
.tl-service>a:after,.tl-service-picture span{display:none}
.tl-service h2{font-size:clamp(17px,4.4vw,25px);line-height:1;margin:0 0 1px}
.tl-service h3{font-size:clamp(11px,2.8vw,17px);line-height:1.05;margin:0 0 2px}
.tl-service p{font-size:clamp(10px,2.25vw,13px);line-height:1.18;margin:0;max-width:none}
.tl-brands{padding:12px 0;gap:0}
.tl-brands>span,.tl-brands .tl-brand-crazy,.tl-brands .tl-brand-uwell,.tl-brands .tl-brand-aspire{font-size:clamp(6px,1.75vw,10px)!important;min-height:22px;padding:2px 1px;letter-spacing:-.4px}
.tl-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 7px 13px;min-height:0}
.tl-footer nav{justify-content:center;gap:4px}
.tl-footer nav a{font-size:9px}
.tl-copyright{order:3;font-size:9px}
.tl-contact{order:2;justify-content:center}
.tl-contact svg{width:25px;height:25px}
}
