/* dotShirt 1.3.0 — mobile hardening, Bootstrap Icons, compacte acties, contact en maatadvies */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{position:relative}.site-header,.site-footer,main,section,.container-xl,.navbar,.navbar-collapse,.header-actions{min-width:0;max-width:100%}.container-xl>*{min-width:0}img,svg,video,iframe{max-width:100%;height:auto}.bi{display:inline-block;line-height:1;vertical-align:-.125em}.navbar .container-xl{width:100%}.navbar-toggler{width:46px;height:46px;display:grid;place-items:center;padding:0}.navbar-toggler .bi{font-size:1.75rem}.navbar-collapse{min-width:0}.header-actions>*{min-width:0}.header-search{min-width:0}.header-search input{min-width:0}.header-search button{display:grid;place-items:center}.header-icon{position:relative;font-size:1.05rem}.header-icon .bi{font-size:1.15rem}.language-switch>button{display:flex;align-items:center;justify-content:center;gap:.35rem}.language-switch>div{max-width:min(240px,calc(100vw - 2rem))}

.btn-brand,.btn-outline,.btn-ghost{min-height:42px;padding:.7rem 1.05rem;font-size:.92rem;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;max-width:100%;white-space:normal;text-align:center}.btn-compact{min-height:38px;padding:.55rem .85rem;font-size:.86rem}.hero-actions .btn-brand,.hero-actions .btn-outline,.hero-actions .btn-ghost{min-height:46px;padding:.78rem 1.2rem}.footer-cta .btn-brand{min-height:44px;padding:.72rem 1rem}.product-card-actions .bi{font-size:1rem}.share-panel button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.quantity-control button{display:grid;place-items:center}.product-action-bar i,.product-promises i{color:var(--pink,#e91e63)}.size-guide-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.65rem;border:0;background:transparent;color:var(--pink,#e91e63);font-weight:800;padding:0;text-decoration:none}.size-guide-link:hover{text-decoration:underline}

.site-footer{overflow:hidden}.site-footer .footer-cta,.site-footer .footer-grid,.site-footer .footer-bottom{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.footer-grid>*{min-width:0}.site-footer a,.site-footer p{overflow-wrap:anywhere}.trust-grid>div{min-width:0}

.contact-hero{background:linear-gradient(135deg,#101218 0%,#252934 65%,#ed1762 180%);color:#fff;overflow:hidden}.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:3rem;align-items:center}.contact-hero h1,.size-guide-hero h1{font-size:clamp(2.5rem,6vw,5.6rem);letter-spacing:-.055em;max-width:900px}.contact-hero p{font-size:1.12rem;max-width:700px;color:#d9dbe2}.contact-promise{display:flex;align-items:center;gap:.65rem;margin-top:1.5rem}.contact-corner-card{position:relative;background:#fff;color:#11131a;padding:2rem;display:grid;gap:.45rem;border-radius:28px 4px 28px 28px;box-shadow:0 28px 70px #0005}.contact-corner-card:after{content:"";position:absolute;right:-1px;top:-1px;border-left:42px solid transparent;border-bottom:42px solid #ed1762}.contact-corner-card .bi{font-size:2rem;color:#ed1762}.contact-layout{display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:2rem;align-items:start}.contact-topic-list{display:grid;gap:.7rem;position:sticky;top:120px}.contact-topic-list h2{font-size:1.25rem}.contact-topic{border:1px solid #e3e5eb;background:#fff;border-radius:18px;padding:1rem;text-align:left;display:flex;gap:.9rem;align-items:flex-start;transition:.2s;min-width:0}.contact-topic:hover,.contact-topic.active{border-color:#ed1762;box-shadow:0 12px 35px #ed176216;transform:translateY(-2px)}.contact-topic .bi{font-size:1.3rem;color:#ed1762;margin-top:.15rem}.contact-topic span{display:grid;min-width:0}.contact-topic small{color:#707584;margin-top:.2rem;overflow-wrap:anywhere}.contact-form-card{background:#fff;border:1px solid #e3e5eb;border-radius:28px 6px 28px 28px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 22px 70px #11131a0d;min-width:0}.contact-form-card label{display:grid;gap:.45rem;font-weight:700;margin-bottom:1rem;min-width:0}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;min-width:0;border:1px solid #d6d9e2;border-radius:13px;padding:.85rem 1rem;background:#fafbfc}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{outline:3px solid #ed176222;border-color:#ed1762}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.contact-submit-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.contact-submit-row p{margin:0;color:#686d79;font-size:.9rem}.contact-conditional[hidden]{display:none!important}

.size-guide-hero{background:#f4f5f8}.size-guide-tabs{display:flex;flex-wrap:wrap;gap:.6rem;padding-bottom:.7rem;margin-bottom:1.4rem}.size-guide-tabs button,.unit-toggle button{border:1px solid #dfe2e9;background:#fff;border-radius:999px;padding:.65rem .95rem;white-space:nowrap;font-weight:800}.size-guide-tabs button.active,.unit-toggle button.active{background:#11131a;color:#fff;border-color:#11131a}.size-guide-panel{background:#fff;border:1px solid #e4e6ec;border-radius:24px;padding:clamp(1rem,3vw,2rem);min-width:0}.size-guide-intro{display:flex;justify-content:space-between;gap:1rem;align-items:start}.unit-toggle{display:flex;gap:.35rem}.size-recommender{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:1.3rem;background:#f5f6f9;border-radius:20px;padding:1.25rem;margin:1.5rem 0}.size-recommender.compact{grid-template-columns:1fr}.size-input-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.size-input-grid label{position:relative;display:grid;gap:.35rem;font-weight:700;min-width:0}.size-input-grid input{width:100%;min-width:0;border:1px solid #d8dbe3;border-radius:12px;padding:.75rem 2.3rem .75rem .75rem}.size-input-grid label span{position:absolute;right:.7rem;bottom:.78rem;color:#777}.size-result{border:1px dashed #bdc2cd;border-radius:18px;padding:1.2rem;display:grid;align-content:center;gap:.3rem;min-width:0}.size-result .bi{font-size:1.7rem;color:#ed1762}.size-result.success{background:#eaf8f0;border-color:#87cfa6}.size-result.success strong{font-size:1.35rem}.size-table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border:1px solid #e1e4ea;border-radius:16px}.size-table{width:100%;min-width:760px;border-collapse:collapse}.size-table th,.size-table td{padding:.85rem;text-align:center;border-bottom:1px solid #eceef2;white-space:nowrap}.size-table thead{background:#11131a;color:#fff}.size-table tbody tr.recommended{background:#fff0f6;box-shadow:inset 4px 0 #ed1762}.measure-help{display:flex;gap:1rem;background:#fff8e8;border-radius:16px;padding:1rem;margin-top:1rem}.measure-help .bi{font-size:1.4rem}.size-guide-modal[hidden]{display:none}.size-guide-modal{position:fixed;inset:0;z-index:1080;display:grid;place-items:center;padding:1rem}.size-guide-modal-backdrop{position:absolute;inset:0;background:#080a0fcc;backdrop-filter:blur(6px)}.size-guide-modal-dialog{position:relative;background:#fff;border-radius:24px;padding:clamp(1rem,3vw,2rem);width:min(920px,100%);max-height:92dvh;overflow:auto}.modal-close{position:absolute;right:1rem;top:1rem;border:0;background:#f1f2f5;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.secret-status{display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:14px;margin:1rem 0}.secret-status.ok{background:#e8f7ee}.secret-status.warning{background:#fff4db}.secret-status div{display:grid}.secret-status .bi{font-size:1.4rem}.status-badge{display:inline-flex;border-radius:999px;padding:.35rem .65rem;background:#eceef3}.status-badge.new{background:#fff0f6;color:#b20048}.status-badge.resolved{background:#e8f7ee;color:#126535}

@media(max-width:991.98px){
  .navbar-collapse{max-height:none!important;overflow:visible!important;padding:1rem 0 1.25rem}
  .header-actions{display:grid!important;grid-template-columns:repeat(5,minmax(44px,1fr));gap:.5rem;width:100%;align-items:center}
  .header-search{grid-column:1/-1;width:100%;min-width:0}
  .header-search input{min-width:0;width:100%}
  .language-switch,.header-icon{width:100%;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center}
  .language-switch>button{width:100%;height:44px;justify-content:center;padding:.4rem}
  .language-switch>div{right:0;left:auto}
  .contact-hero-grid,.contact-layout{grid-template-columns:1fr}
  .contact-topic-list{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-topic-list h2{grid-column:1/-1}
  .size-recommender{grid-template-columns:1fr}
}

@media(max-width:767.98px){
  .container-xl{padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important}
  .announcement{font-size:.67rem;line-height:1.45;padding:.45rem .7rem;text-align:center}
  .navbar-brand img{width:142px}
  .hero-slide-content,.hero-content{width:100%;padding-left:1rem!important;padding-right:1rem!important}
  .hero-content h1,.hero-slide h1,.contact-hero h1,.size-guide-hero h1{font-size:clamp(2.25rem,11.5vw,3.55rem)!important;line-height:.94!important;overflow-wrap:anywhere;max-width:100%}
  .hero-text,.hero-slide p{max-width:100%;font-size:1rem!important}
  .hero-actions,.footer-cta{align-items:flex-start}
  .hero-actions .btn-brand,.hero-actions .btn-outline,.hero-actions .btn-ghost,.footer-cta .btn-brand{width:auto!important;max-width:100%;padding:.68rem .95rem}
  .trust-grid,.footer-grid{grid-template-columns:1fr!important}
  .trust-grid>div{padding:1.15rem!important}
  .site-footer .footer-cta,.site-footer .footer-grid,.site-footer .footer-bottom{padding-left:max(1.1rem,env(safe-area-inset-left))!important;padding-right:max(1.1rem,env(safe-area-inset-right))!important}
  .site-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
  .footer-grid{gap:1.6rem!important}.footer-bottom{align-items:flex-start!important}
  .form-grid,.size-input-grid{grid-template-columns:1fr 1fr}
  .contact-submit-row,.size-guide-intro{align-items:stretch;flex-direction:column}
  .contact-submit-row .btn-brand{width:100%}
  .product-action-bar{grid-template-columns:1fr 1fr!important}
  .product-action-bar>*{min-width:0}
  .product-action-bar button,.product-action-bar a{padding:.68rem .4rem!important;font-size:.8rem!important;overflow-wrap:anywhere}
  .quantity-buy-row{grid-template-columns:minmax(104px,.52fr) minmax(0,1fr)!important}
  .btn-buy{padding-inline:.6rem!important}
  .size-guide-modal{padding:.5rem}.size-guide-modal-dialog{border-radius:18px;max-height:96dvh}.size-table{min-width:680px}
}

@media(max-width:560px){
  .contact-topic-list{grid-template-columns:1fr}
  .form-grid,.size-input-grid{grid-template-columns:1fr}
  .contact-corner-card{padding:1.4rem}
  .product-action-bar{grid-template-columns:1fr 1fr!important}
  .header-actions{grid-template-columns:repeat(5,minmax(42px,1fr))}
  .header-icon,.language-switch>button{padding-inline:.2rem}
  .language-switch>button span{font-size:.82rem}
}