.tmsb-page{--s-ink:#26231f;--s-muted:#7f7770;--s-bronze:#907554;--s-line:#e9e4db;--s-sand:#f4f0e9;color:var(--s-ink);background:linear-gradient(#f8f6f2 0%,#fcfbf8 70%);min-height:80vh;padding:14px 0 90px}.tmsb-page *{box-sizing:border-box}.tmsb-page button,.tmsb-page input,.tmsb-page textarea,.tmsb-page select{font:inherit}.tmsb-container{width:min(1470px,100% - 56px);margin:0 auto}.tmsb-breadcrumb{color:var(--s-muted);align-items:center;gap:10px;margin:15px 0 22px;font-size:12px;display:flex}.tmsb-breadcrumb a{color:inherit;text-decoration:none}.tmsb-breadcrumb a:hover{text-decoration:underline}.tmsb-hero{background:linear-gradient(120deg,#faf8f4,#f0eae1);border:1px solid #ece6dc;border-radius:27px;grid-template-columns:minmax(0,58%) minmax(0,42%);min-height:314px;display:grid;position:relative;overflow:hidden}.tmsb-hero-copy{z-index:1;padding:41px 36px 29px 43px}.tmsb-eyebrow{color:var(--s-bronze);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.tmsb-eyebrow i{background:#aa8b60;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.tmsb-hero h1{letter-spacing:-.04em;margin:19px 0 13px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4vw,63px);font-weight:400;line-height:1.08}.tmsb-hero-copy>p{color:#554f48;max-width:595px;margin:0;font-size:16px;line-height:1.64}.tmsb-hero-facts{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.tmsb-hero-facts>div{color:#61584d;align-items:center;gap:9px;max-width:202px;font-size:11.5px;line-height:1.45;display:flex}.tmsb-hero-facts svg{color:#98785a;border:1px solid #d6c9b8;border-radius:100%;flex:none;width:36px;height:36px;padding:7px}.tmsb-hero-facts b{color:#28221e}.tmsb-hero-art{background:linear-gradient(120deg,#bba17e2e,#d6cab659),url(https://tilesman.com/wp-content/uploads/2026/09/Travertine-effect-porcelain-tile-dubai.avif) 50%/cover;min-height:310px;position:relative}.tmsb-hero-art:before{content:"";background:linear-gradient(90deg,#f6f2eaeb,#ebe0d114 58%);position:absolute;inset:0}.tmsb-hero-art>span,.tmsb-hero-art>small{z-index:1;color:#6f6152;letter-spacing:.15em;font-size:9px;font-weight:750;position:absolute}.tmsb-hero-art>span{top:28px;right:27px}.tmsb-hero-art>small{bottom:22px;right:24px}.tmsb-art-stack{position:absolute;inset:24% 15% 15% 12%;transform:rotate(-10deg)}.tmsb-art-stack i{background:#d5bea2 url(https://tilesman.com/wp-content/uploads/2026/09/Travertine-effect-porcelain-tile-dubai.avif) 50%/cover;border:5px solid #ece0cf;border-radius:7px;width:61%;height:72%;display:block;position:absolute;box-shadow:10px 18px 30px #251d142b}.tmsb-art-stack i:first-child{top:4%;left:3%;transform:rotate(-12deg)}.tmsb-art-stack i:nth-child(2){filter:brightness(.92);top:10%;left:21%;transform:rotate(5deg)}.tmsb-art-stack i:nth-child(3){filter:grayscale(.8)brightness(.85);top:5%;left:37%;transform:rotate(13deg)}.tmsb-workspace{gap:18px;margin-top:22px;display:grid}.tmsb-list-card,.tmsb-delivery,.tmsb-summary,.tmsb-success{border:1px solid var(--s-line);background:#fffefc;border-radius:19px;box-shadow:0 8px 32px #503a1e09}.tmsb-list-card{padding:24px}.tmsb-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.tmsb-heading h2,.tmsb-summary h2{letter-spacing:-.03em;margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,2.1vw,30px);font-weight:400;line-height:1.2}.tmsb-heading h2 small{color:#9c8f82;font-family:Arial,sans-serif;font-size:16px}.tmsb-clear{color:#6c5b49;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.tmsb-clear svg,.tmsb-remove svg{width:17px;height:17px}.tmsb-samples{gap:10px;display:grid}.tmsb-sample{background:linear-gradient(115deg,#fff,#faf8f5);border:1px solid #ece7df;border-radius:13px;grid-template-columns:102px minmax(0,1fr) 190px 32px;align-items:center;gap:18px;padding:10px 15px 10px 11px;display:grid}.tmsb-photo{color:#8e7d68;background:#efe7dc;border-radius:9px;place-items:center;width:102px;height:83px;text-decoration:none;display:grid;overflow:hidden}.tmsb-photo img{object-fit:cover;width:100%;height:100%}.tmsb-item-info{min-width:0}.tmsb-item-name{color:var(--s-ink);font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.3;text-decoration:none}.tmsb-item-name:hover{color:var(--s-bronze)}.tmsb-item-info>small{color:var(--s-muted);margin-top:6px;font-size:11px;display:block}.tmsb-chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.tmsb-chips span{color:#756b61;background:#fcfbfa;border:1px solid #e9e4df;border-radius:6px;padding:4px 8px;font-size:10px}.tmsb-area{color:#766c61;flex-direction:column;gap:8px;font-size:11px;display:flex}.tmsb-area>span{background:#fff;border:1px solid #e7e1d9;border-radius:10px;align-items:center;min-height:43px;display:flex}.tmsb-area input{color:#26231f;outline:none;width:100%;min-width:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:9px 13px!important;font-size:15px!important}.tmsb-area small{color:#8b8377;padding-right:11px}.tmsb-remove{color:#847468;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 5px}.tmsb-remove:hover,.tmsb-clear:hover{color:#181512}.tmsb-empty{text-align:center;color:#736a60;padding:48px 20px 57px}.tmsb-empty-icon{color:#97836d;background:#f6f1eb;border-radius:15px;place-items:center;width:56px;height:56px;margin:0 auto 18px;display:grid}.tmsb-empty-icon svg{width:29px;height:29px}.tmsb-empty h3{color:#28231e;margin:0 0 8px;font:400 28px Georgia,Times New Roman,serif}.tmsb-empty p{max-width:420px;margin:0 auto 18px;font-size:14px;line-height:1.7}.tmsb-browse{background:#272522;border-radius:9px;padding:12px 17px;font-size:13px;text-decoration:none;display:inline-block;color:#fff!important}.tmsb-checkout-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:18px;display:grid}.tmsb-delivery,.tmsb-summary{padding:25px}.tmsb-form-caption{color:#746a5f;margin:-8px 0 21px;font-size:13px}.tmsb-fields{grid-template-columns:1fr 1fr;gap:17px;display:grid}.tmsb-form label{color:#514a43;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.tmsb-form label em{color:#b38572;font-style:normal}.tmsb-form label small{color:#94877b;font-weight:400}.tmsb-form input,.tmsb-form select,.tmsb-form textarea{outline:none;width:100%;min-width:0;min-height:44px;color:#3d3934!important;box-shadow:none!important;background:#fff!important;border:1px solid #e4ded5!important;border-radius:9px!important;padding:12px 13px!important;font-size:13px!important}.tmsb-form input:focus,.tmsb-form select:focus,.tmsb-form textarea:focus{border-color:#a68c68!important;box-shadow:0 0 0 2px #9c825f1a!important}.tmsb-form textarea{resize:vertical;min-height:94px}.tmsb-notes{flex-direction:column;gap:8px;display:flex;margin-top:16px!important}.tmsb-honey{display:none!important}.tmsb-summary h2{margin-bottom:23px}.tmsb-line{color:#726a61;justify-content:space-between;gap:12px;padding:10px 1px;font-size:13px;display:flex}.tmsb-line strong{color:#27221e}.tmsb-total{color:#4b392b;background:#f4efe8;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:16px 0 15px;padding:17px 15px;font-size:14px;font-weight:700;display:flex}.tmsb-total strong{font-size:19px}.tmsb-notice{color:#756a5f;background:#f9f7f3;border-radius:9px;align-items:flex-start;gap:9px;margin:0 0 19px;padding:13px 12px;font-size:12px;line-height:1.55;display:flex}.tmsb-notice svg{flex:none;width:17px;height:17px}.tmsb-submit{color:#fff;cursor:pointer;background:#242322;border:1px solid #242322;border-radius:9px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:51px;padding:13px 16px;font-size:14px;font-weight:600;display:flex}.tmsb-submit:hover:not(:disabled){background:#4c4237}.tmsb-submit:disabled{opacity:.5;cursor:not-allowed}.tmsb-disclaimer{text-align:center;color:#9a8e82;margin-top:13px;font-size:10.5px;display:block}.tmsb-error{color:#8a302a;background:#fff4f1;border:1px solid #e5bab0;border-radius:9px;padding:12px;font-size:12px;line-height:1.5}.tmsb-success{text-align:center;max-width:740px;margin:24px auto;padding:54px 25px 61px}.tmsb-success-icon{color:#786747;background:#f1eee6;border-radius:18px;place-items:center;width:60px;height:60px;margin:0 auto 19px;display:grid}.tmsb-success h2{margin:10px 0;font:400 40px Georgia,Times New Roman,serif}.tmsb-success p{color:#696157;max-width:510px;margin:13px auto;line-height:1.8}.tmsb-success .tmsb-browse{margin-top:14px}@media (max-width:950px){.tmsb-hero{grid-template-columns:1fr 33%}.tmsb-hero-copy{padding:35px 26px}.tmsb-hero-facts{gap:9px}.tmsb-hero-facts>div{max-width:180px}.tmsb-checkout-grid{grid-template-columns:1.3fr 1fr}.tmsb-sample{grid-template-columns:85px minmax(0,1fr) 145px 29px;gap:12px}.tmsb-photo{width:85px;height:80px}.tmsb-item-name{font-size:17px}}@media (max-width:700px){.tmsb-page{padding:5px 0 94px}.tmsb-container{width:calc(100% - 24px)}.tmsb-breadcrumb{margin:11px 4px 14px}.tmsb-hero{border-radius:19px;display:block}.tmsb-hero-copy{padding:27px 20px 23px}.tmsb-hero h1{margin:13px 0 11px;font-size:41px}.tmsb-hero-copy>p{font-size:14px;line-height:1.6}.tmsb-hero-facts{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.tmsb-hero-facts>div{max-width:none;font-size:11px}.tmsb-hero-facts>div:last-child{grid-column:1/-1}.tmsb-hero-art{background-position:50% 51%;height:130px;min-height:130px}.tmsb-hero-art>span{top:14px}.tmsb-hero-art>small{bottom:11px}.tmsb-art-stack{inset:3% 28% -30% 25%;transform:scale(.74)rotate(-10deg)}.tmsb-workspace{gap:12px;margin-top:13px}.tmsb-list-card,.tmsb-delivery,.tmsb-summary{border-radius:15px;padding:18px 14px}.tmsb-heading{margin-bottom:14px}.tmsb-heading h2,.tmsb-summary h2{font-size:25px}.tmsb-sample{grid-template-columns:70px minmax(0,1fr) 29px;gap:11px;padding:10px}.tmsb-photo{width:70px;height:73px}.tmsb-item-name{font-size:16px}.tmsb-item-info>small{font-size:10px}.tmsb-area{grid-area:2/2/auto/4;max-width:180px;font-size:11px}.tmsb-remove{grid-area:1/3}.tmsb-checkout-grid{grid-template-columns:1fr;gap:12px}.tmsb-fields{grid-template-columns:1fr 1fr;gap:12px}.tmsb-form input,.tmsb-form select,.tmsb-form textarea{padding:10px!important;font-size:14px!important}.tmsb-form label{font-size:11px}.tmsb-total{margin-top:12px}.tmsb-success h2{font-size:32px}}@media (max-width:410px){.tmsb-fields{grid-template-columns:1fr}.tmsb-hero-facts>div{font-size:10px}.tmsb-hero-facts svg{width:30px;height:30px;padding:6px}}.tmsb-account-options{background:#faf8f4;border:1px solid #e8e1d7;border-radius:13px;gap:10px;margin-top:22px;padding:17px;display:grid}.tmsb-account-label{letter-spacing:.13em;color:#978263;font-size:10px;font-weight:800}.tmsb-account-options>p{color:#776c5d;margin:0 0 5px;font-size:12px;line-height:1.6}.tmsb-form .tmsb-account-option{cursor:pointer;flex-direction:row;align-items:center;gap:9px;margin:0;font-size:12px;font-weight:500;line-height:1.45;display:flex}.tmsb-account-option input[type=radio]{accent-color:#8f795d;flex:none;width:16px!important;height:16px!important;min-height:16px!important;padding:0!important}.tmsb-account-password{margin-top:8px;display:block}.tmsb-account-password input{margin-top:8px}.tmsb-account-password small{color:#8a8075;margin-top:8px;line-height:1.55;display:block}.tmsb-account-link{text-underline-offset:4px;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex;color:#796044!important;text-decoration:underline!important}.tmsb-success-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:18px;display:flex}.tmsb-history{background:#fffdfb;border:1px solid #e9e4db;border-radius:18px;margin-top:23px;padding:24px}.tmsb-history>.tmsb-heading{margin-bottom:10px}.tmsb-history>.tmsb-heading h2{font:400 28px Georgia,serif}.tmsb-history>p{color:#817469;margin:0 0 20px;font-size:12px;line-height:1.6}.tmsb-history-empty{color:#918274;text-align:center;border:1px dashed #ddd2c3;border-radius:10px;padding:25px;font-size:13px}.tmsb-history-list{gap:9px;display:grid}.tmsb-history-entry{background:#fcfaf7;border:1px solid #e9e2d8;border-radius:11px;padding:0 15px}.tmsb-history-entry summary{cursor:pointer;justify-content:space-between;align-items:center;gap:9px;padding:15px 0;list-style:none;display:flex}.tmsb-history-entry summary::-webkit-details-marker{display:none}.tmsb-history-entry summary strong{font-size:13px}.tmsb-history-entry summary small{color:#8b7f71;margin-top:5px;font-size:11px;font-weight:400;display:block}.tmsb-history-entry ul{border-top:1px solid #ece6df;margin:0;padding:11px 0;list-style:none}.tmsb-history-entry li{justify-content:space-between;gap:13px;padding:9px 0;font-size:12px;display:flex}.tmsb-history-entry li span{color:#786b5c}.tmsb-history-total{margin-bottom:8px;font-size:13px;font-weight:700}.tmsb-history-entry p{color:#85776a;font-size:11px;line-height:1.6}@media (max-width:700px){.tmsb-history{padding:17px 14px}.tmsb-history>.tmsb-heading{align-items:flex-start;gap:15px}.tmsb-history>.tmsb-heading h2{font-size:24px}.tmsb-history-entry li{display:block}.tmsb-history-entry li span{margin-top:5px;display:block}}.tmsb-form .tmsb-account-email{color:#514a43;flex-direction:column;gap:8px;margin:1px 0 5px;font-size:12px;font-weight:650;display:flex}.tmsb-account-email input{width:100%;background:#fff!important}.tmsb-logged-account{border:1px solid #ded4c6;border-radius:9px;color:#655644!important;background:#fffdfa!important;padding:14px!important;line-height:1.65!important}
